TypeScript 2025: дорожная карта для джуна до сеньора

Почему TypeScript — это must-have в 2025 году?

Если вы всё ещё пишете на чистом JavaScript и думаете, что «типы — это лишняя головная боль», то 2025 год может стать для вас холодным душем. TypeScript давно перестал быть просто «надстройкой» — это стандарт индустрии. Крупные проекты (React, Angular, NestJS, Next.js) либо написаны на нём, либо требуют его для комфортной работы. Спрос на разработчиков, владеющих TypeScript roadmap 2025, растёт экспоненциально.

В этой статье мы построим чёткую дорожную карту: от новичка до профи. Вы узнаете, что учить, в каком порядке и, главное, как применять эти знания на практике. Поехали!

Этап 1: Фундамент — больше, чем просто типы

Многие начинают с банального: «let x: number = 5». Но настоящий фундамент — это понимание системы типов. Не спешите кидаться в дебри — сначала разберитесь с основами.

1.1 Базовые типы и аннотации

TypeScript — это про контроль. Вы говорите компилятору: «Вот эта переменная — строка, и точка». Начните с примитивов: string, number, boolean, null, undefined. Затем переходите к массивам и кортежам.

let username: string = 'Алексей';
let age: number = 30;
let isActive: boolean = true;
// Кортеж — фиксированный массив
let person: [string, number] = ['Алексей', 30];

Уже на этом этапе вы заметите, как IDE начинает подсвечивать ошибки до запуска кода. Это магия статической типизации.

1.2 Интерфейсы и типы (Interface vs Type)

В TypeScript два основных инструмента для описания формы объектов: interface и type. Многие путаются, но правило простое: интерфейсы можно расширять (extends), а типы — объединять через пересечение (&).

interface User {
  id: number;
  name: string;
}

type Admin = User & { role: 'admin' };

const admin: Admin = { id: 1, name: 'Иван', role: 'admin' };

Совет: Для описания API и классов используйте interface. Для сложных композиций — type.

Этап 2: Дженерики — ваш главный инструмент

Без дженериков TypeScript превращается в скучную обёртку. Дженерики позволяют писать функции и классы, которые работают с любыми типами, но при этом сохраняют строгость. Это must-have для любого, кто изучает TypeScript для джуна и выше.

2.1 Простые дженерики

Представьте функцию, которая возвращает первый элемент массива. Без дженериков вы бы написали any и потеряли тип. С дженериками — всё прозрачно:

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

const num = first([1, 2, 3]); // тип number
const str = first(['a', 'b']); // тип string

2.2 Ограничения дженериков (extends)

Иногда нужно сказать: «Мой дженерик должен быть как минимум…». Используйте extends для ограничения.

function getLength<T extends { length: number }>(item: T): number {
  return item.length;
}

getLength('hello'); // 5
getLength([1, 2, 3]); // 3

Это основа для написания гибких, но безопасных функций. Без этого никуда в продвинутом TypeScript.

Этап 3: Утилитарные типы — магия из коробки

TypeScript предоставляет мощные встроенные типы, которые экономят часы работы. Если вы хотите пройти TypeScript roadmap 2025 быстро — изучите их.

3.1 Partial, Required, Pick, Omit

Эти четыре — основа основ. Partial делает все поля необязательными, Required — обязательными, Pick выбирает поля, Omit исключает.

interface User {
  id: number;
  name: string;
  email: string;
}

// Обновляем только имя и email
type UpdateUser = Partial<Pick<User, 'name' | 'email'>>;

const update: UpdateUser = { name: 'Петр' };

3.2 Record и ReturnType

Record создаёт объект с заданными ключами и значениями. ReturnType извлекает тип возврата функции.

type Roles = 'admin' | 'user' | 'guest';
type Permissions = Record<Roles, boolean>;

const perms: Permissions = { admin: true, user: false, guest: false };

function greet() { return 'Hello'; }
type GreetReturn = ReturnType<typeof greet>; // string

Эти инструменты особенно полезны при работе с Redux, формами и API-ответами.

Этап 4: Продвинутые паттерны и декораторы

Когда база освоена, переходите к «тяжёлой артиллерии». Это то, что отличает мидла от сеньора.

4.1 Условные типы и infer

Условные типы позволяют создавать типы, которые зависят от других типов. А infer — выводить типы из конструкций.

type IsString<T> = T extends string ? 'yes' : 'no';
type Test = IsString<'hello'>; // 'yes'

// infer — извлекаем тип элемента из массива
type Flatten<T> = T extends (infer U)[] ? U : T;
type El = Flatten<string[]>; // string

Это уровень продвинутого TypeScript. Такие конструкции часто встречаются в библиотеках типа Zod или Prisma.

4.2 Декораторы (классические и современные)

Декораторы — это функции, которые модифицируют классы, методы или свойства. В 2025 году поддерживаются как старые (experimental), так и новые (TC39 stage 3) декораторы.

function log(target: any, key: string, descriptor: PropertyDescriptor) {
  const original = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`Вызван метод ${key} с аргументами: ${args}`);
    return original.apply(this, args);
  };
}

class Calculator {
  @log
  add(a: number, b: number): number {
    return a + b;
  }
}

const calc = new Calculator();
calc.add(2, 3); // Лог: "Вызван метод add с аргументами: 2,3"

Декораторы активно используются в Angular, NestJS и TypeORM. Без них сложно представить enterprise-разработку.

Этап 5: Ин