JSX

TypeScript підтримує транскрипцію JSX та аналіз коду. Якщо ви не знайомі з JSX, ось уривок з документації офіційний сайт:

JSX - це розширення синтаксису, схожого на XML, для ECMAScript без визначених семантик. Він НЕ призначений для реалізації двигунами або браузерами. Це НЕ пропозиція включити JSX до самого стандарту ECMAScript. Він призначений для використання різними попередніми обробниками (транспіляторами) для перетворення цих токенів на стандартний ECMAScript.

Мотивація JSX полягає в тому, щоб дозволити користувачам писати HTML-подібні представлення на JavaScript, щоб ви могли:

• Перевіряти тип представлення тим самим кодом, який буде перевіряти ваш JavaScript

• Мати уявлення про контекст, в якому він буде працювати (наприклад, зміцнювати controller-view зв'язок в традиційній архітектурі MVC).

• Перевикористовувати шаблони JavaScript для обслуговування HTML, наприклад Array.prototype.map, ?:, switch і т. д., замість створення нових (і, ймовірно, погано типізованих) альтернатив.

Це зменшує ймовірність помилок і підвищує підтримуваність вашого інтерфейсу користувача. Основним користувачем JSX на даний момент є ReactJS від Facebook. Ми будемо обговорювати використання JSX саме з ReactJS.