Во что компилируется JSX?

JSX не является стандартом JavaScript и не может быть выполнен браузером без предварительной трансформации.

Определение

JSX — это синтаксическое расширение JavaScript, которое упрощает описание структуры UI.

Что происходит при компиляции

На этапе сборки (Babel, SWC):

1. JSX преобразуется в JavaScript

2. Каждый JSX-элемент становится вызовом функции

3. В React это обычно React.createElement

Пример:

<h1>Привет</h1>

После компиляции:

React.createElement("h1", null, "Привет");

Современный JSX runtime

В новых версиях React используется автоматический runtime:

• Не требуется импорт React

• JSX компилируется в вызовы функций из react/jsx-runtime

Зачем это нужно

• Браузер исполняет только JavaScript

• JSX делает код читабельнее

• Компиляция происходит до запуска приложения

Вывод

JSX всегда компилируется в JavaScript. Это синтаксический сахар, который упрощает описание UI, но не существует в рантайме.