Что такое JSX и как он связан с JavaScript?

Question 1

Что такое JSX и как он связан с JavaScript?

Answer 1

Расширение .jsx используется для указания на файлы JavaScript XML (JSX). JSX — это синтаксический сахар для функции React.createElement(), которая позволяет описывать структуру интерфейса приложения более наглядно и удобно. То есть, вместо того, чтобы писать функции, можно написать разметку наподобие HTML прямо в коде на JavaScript.
Однако стоит отметить, что браузеры не понимают JSX напрямую. Поэтому перед тем, как отправить код в браузер, его нужно преобразовать в обычный JavaScript с помощью так называемых транспиляторов, например, Babel.
Файлы с расширением .js и .jsx в React.js, по сути, выполняют одну и ту же функцию — они содержат код компонентов на JavaScript. Однако расширение .jsx указывает на то, что в данном файле используется JSX синтаксис.