Введение в строго типизированный язык TypeScript и почему вы можете захотеть его изучить.

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

TypeScript был представлен как надмножество JavaScript и был выпущен Microsoft в 2012 году. TypeScript — это JavaScript с синтаксисом для типов. Что такое типы? Типы дают вам право описывать ваши данные. Типы позволяют вам описывать форму объектов и функций в вашем коде. Проверки типов – это встроенная в JavaScript политика типов, обеспечивающая соблюдение законов типов (например, запрещается умножать строку на массив). Проверка типов — это процесс, при котором средства проверки типов проверяют, соответствует ли ваш код всем правилам языка.

JavaScript — это язык с динамической типизацией, то есть переменная, объявленная как число, может быть преобразована в строку. Для сравнения, TypeScipt — это статически типизированный язык, то есть вы объявляете заранее, какой тип значения будет содержать переменная, и оно не изменится. Думайте о TypeScript как об исполнителе правил вашего кода. TypeScript добавляет в JavaScript дополнительный синтаксис для поддержки более тесной интеграции с вашим редактором. Выявляйте ошибки на ранней стадии в вашем редакторе.

Прелесть TypeScript в том, что он позволяет просматривать документацию и проблемы непосредственно в вашем редакторе, больше не нужно ждать, пока среда выполнения узнает, что что-то сломалось в вашем коде. TypeScript – это язык программирования со строгой типизацией, основанный на JavaScript, предоставляющий лучшие инструменты для любого масштаба. По мере того, как ваша кодовая база продолжает расти, растет и ваше соблюдение правил.

В языках с динамическим типом, таких как JavaScript, проверка типов происходит во время выполнения. TypeScript настолько удобен, что помогает разработчикам выявлять ошибки до запуска. Браузер на самом деле не может выполнять машинописный текст, поэтому ваш файл `.ts` или `.tsx` компилируется в Javascript во время выполнения. Код TypeScript преобразуется в JavaScript, который запускается везде, где запускается JavaScript: в браузере, на Node.js или Deno и в ваших приложениях. Языки со статической типизацией, такие как TypeScript, проверяют типы во время времени компиляции — прямо в текстовом редакторе!

Резюме преимуществ TypeScript:

  • Подобно статическим языкам, таким как Java или C#.
  • Дополнительная проверка ошибок
  • Ошибки времени выполнения, обнаруженные на ранних этапах разработки
  • Избегайте нежелательного поведения во время выполнения
  • Стратегии смягчения последствий
  • TypeScript помогает разработчикам писать лучший код
  • Убедитесь, что преобразование типов не происходит
  • Добавьте статические типы
  • Явное наименование типов в вашем коде
  • Явно присваивайте типы переменным
  • Помогает с предсказуемостью

Основные определения типов:

let id: number = 5
let company: string = ‘Ghameerah’
let isPublished: boolean = true
let x: any = ‘Hello’
let ids: number[] = [1,2,4,7,8]
let isPublished: boolean = true
let x: any = ‘Hello’
let ids: number[] = [1,2,4,7,8]

Памятка React TypeScript

https://react-typescript-cheatsheet.netlify.app/