Перейти к содержанию

Поддержка 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, которое мы обсудим здесь.