Самый распространенный случай, когда разработчики впервые сталкиваются с Typescript - работа с React. Обычно, сперва разработчик изучает ProtoTypes (способ добавления типов в код React), а затем переключается на Typescript, где в него и влюбляется.

Что такое Typescript

Созданный и поддерживаемый корпорацией Microsoft, Typescript (TS) представляет собой язык программирования, основанный на JS, который упрощает написание кода и делает его более мощным за счет особого синтаксиса для типов данных.

Важно отметить, что TS не будет работать непосредственно в браузерах, его необходимо транспилировать в обычный и поддерживаемый JavaScript.

В чем идея Typescript

Как следует из названия, основная функция Typescript - добавление типов в код JavaScript и перехват ошибок перед их выполнением.

В отличие от других, JavaScript - это язык программирования с динамической типизацией. Это означает, что если мы объявляем переменную, нам не нужно указывать ее тип, потому что JS определит его на основе присвоенного ей значения. Тоесть, если мы объявим let name = "Иван", JavaScript выведет тип переменной name как строку. Если мы изменим его значение на name = 6, тип теперь будет числовым. Это одна из причин, по которой JS очень популярен.

Но когда у нас есть статические типы, отлов ошибок становится намного проще, и большинство из них будет отлавливаться прямо в нашей IDE, до выполнения. Поэтому, если мы попытаемся присвоить число переменной, которая была набрана строкой, мы получим ошибку. И только после исправления ошибок код будет транспилирован. Это значительно повышает производительность и делает код намного безопаснее.

Больше возможностей

Следует отметить, что Typescript - это больше, чем язык, это еще и инструмент. Это мощный компилятор, который можно запустить поверх своего кода, чтобы скомпилировать код Typescript в JavaScript. Благодаря этому появляется возможность использовать все новые функции и преимущества современного JS в разработке, а затем генерировать обычный и поддерживаемый код JS, понятный браузерам.

Кроме того, Typescript поставляется с кучей других функций, которые намного облегчают жизнь, таких как типы, декораторы, дженерики и многие другие.

Почему использование Typescript становится необходимым

Некоторые выдержки из отчетов и исследований всемирно-известных компаний:

• В 2019 году AirBnb заявили, что 38% ошибок их кода можно было бы предотвратить с помощью TypeScript;
• Согласно опросу State of JS за 2020 и 2021 год, Typescript пользуется большим успехом среди разработчиков JS;
• Опрос StackOverflow 2021 года показывает, что Typescript - один из самых любимых языков;
• Еще один отчет Github за 2021 год показывает, что Typescript является одним из лучших языков на протяжении многих лет;
• В прошлом месяце Microsoft опубликовала предложение добавить синтаксис типов непосредственно в JavaScript.

Основные преимущества Typescript:

• Добавляет статические типы в JavaScript;
• Предотвращает ошибки, заранее проверяя имеющийся код;
• Позволяет использовать новые возможности JS;
• Может быть использован как во front-end, так и в back-end разработке;
• Создает кроссбраузерный JS-код с помощью своего компилятора;
• Минимальный порог вхождения, если вы уже знаете JS;
• Поддержка IDE и автодополнение.

Вывод из преимуществ очевиден - чем больше проект, тем больше у него будет потребность в использовании Typescript.

Использование Typescript не означает, что в коде никогда не будет ошибок, но большинство из них будут обнаружены до выполнения основной его части, что значительно повышает производительность команды.