Во что Babel превращает JSX? Flashcards
Во что Babel превращает JSX?
Babel: Babel - это компилятор JavaScript, преобразующий новейшие функции JavaScript, понятные не каждому браузеру, в обратно совместимую версию JavaScript в текущих и старых браузерах или средах.
JSX: JSX - это синтаксическое расширение JavaScript. В нем реализованы все возможности JavaScript. JSX создает элементы React и может встраивать любое выражение JavaScript. В конечном итоге JSX преобразуется в JavaScript с помощью компилятора / преобразователя.
При желании, используя JSX через Babel, можно упростить создание элементов React путем абстрагирования React.createElement() вызовов функций JavaScript, чтобы их можно было записать в более естественном стиле и синтаксисе, подобном HTML.
Вместо написания следующего, в котором используется React.createElement():
return React.createElement(‘div’, null, ‘Hello ‘, this.props.name);
Используя JSX, вы можете написать следующее:
return <div>Hello {this.props.name}</div>;
А затем Babel преобразует его обратно в код, который использует React.createElement(), чтобы он мог быть проанализирован движком JavaScript.
Вы можете считать, что JSX - это форма HTML, которую вы можете напрямую написать на JavaScript, требующая этапа преобразования, выполняемого Babel, в код ECMAScript 5, который могут запускать браузеры.
Инструмент Babel - это субъективный выбор команды React для преобразования кода ES * и синтаксиса JSX в код ES5.
С помощью JSX:
- Менее технические специалисты все еще могут понимать и изменять необходимые части. Разработчикам CSS и дизайнерам JSX будет более знаком, чем один только JavaScript.
- Вы можете использовать всю мощь JavaScript в HTML и избежать изучения или использования языка шаблонов. JSX не является шаблонным решением. Это декларативный синтаксис, используемый для выражения древовидной структуры компонентов пользовательского интерфейса.
- Компилятор обнаружит ошибки в вашем HTML, которые в противном случае вы могли бы пропустить.
- JSX продвигает идею встроенных стилей. Что может быть хорошо.
Остерегайтесь ошибок в JSX.
В настоящее время разрабатывается спецификация JSX. Ее может использовать любой пользователь в качестве расширения синтаксиса, подобного XML, для ECMAScript без какой-либо определенной семантики.
