Урок 12

Итоги курса

Курс об основах TypeScript.

Что ты узнал

  • Что такое TypeScript — JS + типы, компиляция в JS
  • Установка — npm install -D typescript, tsc --init
  • Базовые типы — string, number, boolean, null, undefined
  • Вывод типов — TypeScript сам определяет тип
  • Объекты и массивы — type, interface, Record, кортежи
  • Функции — типы параметров и возврата, перегрузки
  • Union — string | number, литералы
  • Type vs Interface — когда что
  • Type guards — typeof, in, instanceof, пользовательские
  • Приведение — as, satisfies, !
  • Enum — и почему union лучше

Что дальше

  • Дженерики — обобщённые типы
  • Утилиты типов — Partial, Pick, Omit
  • Условные типы — extends
  • Mapped types — преобразование типов
  • TypeScript в React — типизация компонентов

Частые ошибки

  • Использовать any вместо unknown
  • Забыть strict: true
  • Использовать as вместо type guard
  • Забыть про null и undefined
  • Использовать enum вместо union
  • Путать type и interface

Практика

  1. Напиши функцию с union-типом
  2. Опиши объект через type и interface
  3. Сделай discriminated union для статусов
  4. Напиши type guard
  5. Замени enum на union или as const

Полезные ссылки

  • TypeScript Handbook: typescriptlang.org/docs/handbook
  • TypeScript Playground: typescriptlang.org/play
  • Total TypeScript: totaltypescript.com
  • Type Challenges: github.com/type-challenges

Заключение

TypeScript — стандарт современной разработки. Он ловит ошибки до запуска, делает код документированным и упрощает рефакторинг. Основы просты: типы, вывод, union, type guards. Сложное приходит с дженериками и утилитами — но и они осваиваются по мере практики. Главное — включить strict и не использовать any.