JSX и компоненты (Components)

Часть курса React

В прошлом уроке компонент возвращал нечто похожее на HTML: return <h1>Hello, React</h1>;. Наверняка это показалось немного странным. Функции в JavaScript возвращают числа, строки, объекты, а не угловые скобки. Писать разметку прямо внутри функции JavaScript получается только благодаря прослойке под названием JSX, и у неё есть свой небольшой набор правил, которые отличаются от HTML достаточно, чтобы поставить в тупик...

JSX расшифровывается как JavaScript XML. Это расширение синтаксиса, которое позволяет писать нечто похожее на тег HTML прямо внутри кода JavaScript. Инструмент сборки (тот самый компилятор, о котором шла речь в прошлом уроке) читает <h1>Hello</h1> и превращает его в обычный вызов функции JavaScript ещё до того, как до этого места доберётся браузер, примерно в createElement("h1", null, "Hello").