JSX (JavaScript XML) — это тип файла, используемый React, который позволяет вам писать javascript вместе с HTML.

Можно сказать, что JSX — это дружба между javascript и HTML, которая упрощает понимание синтаксиса и делает приложение надежным.

Давайте разберемся с JSX на примере:

Давайте объявим переменную с именем смартфон и компания, а затем используем ее внутри JSX, заключив в фигурную скобку.

постоянный смартфон= «Samsung S21»

постоянная компания= "SAMSUNG"

const JSXelement = ‹h1›Вы используете {смартфон}! Производитель {компания}‹/h1›

БАБЕЛЬ:

Babel – популярный инструмент для использования новейших функций языка программирования JavaScript. Это транскомпилятор JS, используемый для преобразования кода ES-6 в обратно совместимую версию javascript, могут быть запущены старыми браузерами.

Поскольку браузер не может понимать JSX напрямую, Babel преобразует наш код и делает его понятным для браузеров.