Почему бы вам не использовать TypeScript?

1656795616 pochemu by vam ne ispolzovat typescript

Джонатан Кример

В мире, где JavaScript является, пожалуй, самым популярным инструментом для создания программного обеспечения в наши дни, кажется, что сейчас он повсюду. С Node.js он на сервере, с Electron – нативным на вашем компьютере, с React Native – нативным на вашем телефоне. Нет сомнения, что JavaScript – это не менее распространенный во многих экосистемах.

Итак, у меня следующий вопрос: если JavaScript так популярен, то TypeScript по своей природе также должен быть популярен. В конце концов, если вы этого не понимали…

Любой JavaScript, который вы можете написать, по меньшей мере, ECMA этап 3, является действительным TypeScript.

0*TsjAfKA-gbrLIXeu

VSCode

Прежде всего, если вы не используете Visual Studio Code для написания JavaScript, вы должны использовать его, поэтому возьмите его, а также получите все эти вещи из Берка Голланда.

Скрыт, компилятор TypeScript сделает для вас много удивительных вещей, даже не задумываясь над этим. Причина, почему он может это сделать, заключается в том, что VS Code запускает JavaScript через компилятор TypeScript, осознаете вы это или нет.

Microsoft/TypeScript
TypeScript — это сверхмножество JavaScript, которое компилируется для очистки исходных данных JavaScript.github.com

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

От JS до TS, TypeScript поможет вам

В следующем примере мы просто форматируем строчку цены.

Можно легко забыть, что если передать здесь строку, эта функция взорвется, потому что toFixed не существует в строке.

Простое добавление типов может предотвратить ошибки выполнения…

Но есть еще лучшие новости…

0*p8qXhijgzkr7h2wT

Вы можете или не являетесь большим пользователем JSDoc, но если вы есть, вам будет очень приятно узнать, что из последней версии TypeScript вы можете добавить // @ts-check в верхней части JavaScript и проверьте его тип!

0*nJs9Zs2Uib62uz7_

Вот больше информации о том, что все можно делать с JSDoc… https://github.com/Microsoft/TypeScript/wiki/JSDoc-support-in-JavaScript

С помощью VSCode можно включить полную проверку типов с помощью следующего параметра настроек пользователя.

"javascript.implicitProjectConfig.checkJs": true

Вы можете добавить файл globals.d.ts и объявить вещи в глобальном пространстве имен, если у вас есть интерфейсы, которые вы хотите определить для всего проекта.

declare global {  interface IFormatPrice {}}

Реагировать

Интересно то, что TypeScript также поддерживает React из коробки, добавив следующее к вашему tsconfig…

{ "jsx": "react" }

А теперь настоящее развлечение…

0*5jBFBOXnVAi_A9JB

PropTypes – отличный способ обнаружить ошибки React во время выполнения. Но самое неприятное в них то, что вы не знаете, вообще ли что-нибудь сломано, пока ваша программа не собирается, браузер или горячая загрузка не перезагружается, и вы не видите загадочное красное сообщение об ошибке на консоли.

Не было бы просто просто обнаружить эту ошибку во время работы над компонентом?

Теперь проверьте это…

0*iI_CtUfjUjoLqTZ1

Удивительно иметь возможность получить интеллектуальный анализ реквизита. Вы можете начать вводить текст или в VSCode нажмите Control+Space, чтобы открыть меню Intellisense.

Вы даже можете получить intellisense на классах React…

0*4aH83IUb9UbmjI8D

Вывод

Независимо от того, решите ли вы полностью использовать TypeScript, очевидно, что вы сможете увидеть много преимуществ, даже если будете соблюдать чистый JavaScript.

Впервые опубликовано jonathancreamer.com 2 февраля 2018 года.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *