Как работает трансформатор Facebook React JSX?

Как вообще возможно, что React позволяет писать JSX (XML) в javascript, не вызывая никаких ошибок? Я пытаюсь обвести вокруг себя голову, и я не совсем уверен, как этот код выполнит это.

Ответ 1

Простой, он ищет теги <script type="text/jsx">, анализирует их, генерирует соответствующий код javascript и eval it.

Вот почему встроенный трансформатор jsx должен использоваться только при разработке, так как необходимость синтаксического анализа кода jsx снижает производительность вашей веб-страницы. При развертывании вы должны преобразовать весь код jsx в js один раз перед развертыванием.