TypeScript для джуна: минимум чтобы пройти

Коротко. TypeScript — это JavaScript с типами, которые ловят ошибки до запуска. Джуну нужен минимум: базовые типы, интерфейсы, union-типы и основы дженериков. В 2026 TS — фактический стандарт коммерческого фронтенда, так что это не опция, а необходимость.

Зачем TypeScript

JS позволяет писать user.nmae и узнать об опечатке только в браузере. TS подсветит ошибку сразу в редакторе, даст автодополнение и делает код самодокументируемым. На больших проектах это экономит часы отладки.

Базовые типы

let name: string = "Аня";
let age: number = 25;
let isActive: boolean = true;
let tags: string[] = ["react", "ts"];
let id: string | number = 10; // union: строка или число

Часто тип можно не писать — TS выведет его сам (инференс). Явно указывайте типы у параметров функций и публичных данных.

Интерфейсы и типы

Описывают форму объекта:

interface User {
  id: number;
  name: string;
  email?: string; // необязательное поле
}

function greet(user: User): string {
  return "Привет, " + user.name;
}

Знак ? делает поле опциональным. interface и type для объектов почти взаимозаменяемы.

Дженерики

Позволяют писать переиспользуемый код, сохраняя типы. Пример — функция, возвращающая первый элемент массива любого типа:

function first<T>(arr: T[]): T | undefined {
  return arr[0];
}

first<number>([1, 2, 3]); // тип number
first(["a", "b"]);         // тип string (выведен сам)

TS в React

Типизация пропсов компонента:

interface ButtonProps {
  label: string;
  onClick: () => void;
}

function Button({ label, onClick }: ButtonProps) {
  return <button onClick={onClick}>{label}</button>;
}

Частые вопросы

Сколько TS нужно джуну?
Базовые типы, интерфейсы, union и основы дженериков. Продвинутые типы (mapped, conditional) — потом.

Учить JS или сразу TS?
Сначала уверенный JavaScript, затем TS поверх него. TS без понимания JS — путаница.

Тип any — это плохо?
Это «отключение типизации». На старте иногда спасает, но злоупотребление сводит пользу TS к нулю.