Если вы новичок в использовании React, вы можете спросить себя: «Что такое JSX и почему я не могу просто использовать обычный старый ванильный JavaScript?» Что ж, упрощенный ответ заключается в том, что он позволяет вам помещать HTML в JavaScript, а не наоборот. Кроме того, он оказывается быстрее обычного JavaScript, поскольку выполняет оптимизацию при компиляции исходного кода в JavaScript. Команда Facebook даже создала его, чтобы упростить работу разработчикам, так почему бы вам не использовать его?

Java Script Xml

JSX означает JavaScript XML и является еще одним расширением JavaScript с другим синтаксисом. Синтаксис, подобный HTML / XML, используется React и предназначен для использования препроцессорами (Babel) для преобразования HTML-подобного текста в стандартные объекты JavaScript, которые движок сможет анализировать. JSX позволит вам писать ясные и краткие древовидные структуры, подобные HTML / XML, вместе с Javascript в одном файле. Затем ваш препроцессор (Babel) выполнит свою работу по преобразованию выражения в реальный код JavaScript. Некоторые люди рассматривают JSX как набор ярлыков для написания React. Довольно круто, правда!

Плюсы

• Более легкое выявление ошибок в HTML-коде, которые в противном случае могли бы остаться незамеченными
• Используйте всю мощь JavaScript в HTML
• Позволяет VirtualDOM обновлять только ту информацию, которая была изменена для более дешевой и быстрой визуализации.
• Возможность с легкостью передавать элементы

• Документация может быть сложной для понимания новичками.
• React сфокусирован только на части представления шаблона ( Модель-Представление-Контроллер ).

ПРОТИВ.

Вот и все!

Я лично считаю, что использование JSX упрощает чтение кода и делает его более чистым. Возможность передавать элементы в JavaScript так же просто, как бутылка хорошего виски у костра - вот что действительно выделяет использование JSX над любым другим способом написания приложения React. Конечно, можно пойти другим маршрутом, но я бы не рекомендовал его. Если вам понравился этот контент, подпишитесь на мой LinkedIn или Github и посмотрите некоторые из моих других блогов!

https://www.linkedin.com/in/jamondixon/

https://github.com/Jamondixon