Поддержка JSX¶
TypeScript поддерживает транспиляцию JSX и анализ кода. Если вы не знакомы с JSX, вот выдержка с официального сайта:
JSX - это XML-подобное расширение синтаксиса для ECMAScript без какой-либо определенной семантики. Он НЕ предназначен для имплементации в движках или браузерах. Это НЕ предложение включить JSX в саму спецификацию ECMAScript. Он предназначен для использования различными препроцессорами (транспиляторами) для преобразования этих токенов в стандартный ECMAScript.
Причина использовать JSX состоит в том, чтобы позволить разработчикам писать HTML для пользовательских интерфейсов прямо в JavaScript, чтобы вы могли:
- Проверить типы представления тем же кодом, который проверяет ваш JavaScript.
- Заставить представление знать о контексте, в котором оно будет работать (т.е. укрепить соединение контроллер-представление в традиционном MVC).
- Использовать шаблоны JavaScript для поддержки HTML, например
Array.prototype.map,?:,switchи т.д. Вместо создания новых (и, вероятно, плохо типизированных) альтернатив.
Это снижает вероятность ошибок и повышает удобство поддержки ваших пользовательских интерфейсов. Основным потребителем JSX на данный момент является ReactJS из Facebook. Это использование JSX, которое мы обсудим здесь.