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 преобразует наш код и делает его понятным для браузеров.