Що таке TypeScript?

Де застосовується

TypeScript став стандартом у великих фронтенд-проєктах: інтерфейси на React і Angular, застосунки на Next.js, серверна частина на Node.js і NestJS. У вакансіях його давно вказують окремою вимогою поруч із React, а не як бажану навичку.

Особливо корисний TypeScript у командній роботі. Типи описують домовленості між модулями: редактор одразу підказує поля відповіді API, перейменування поля проходить по всьому проєкту без ручного пошуку, а новий розробник читає опис типів замість того, щоб розбиратися з форматом даних у чужому коді.

Приклад

Бекенд перейменував поле у відповіді API. У звичайному JavaScript помилку побачить користувач — порожнє значення на екрані. У TypeScript проєкт просто не збереться, і розробник побачить усі місця, які треба виправити, ще до випуску.

interface Order {
  id: number;
  total: number;
  status: 'new' | 'paid' | 'cancelled';
}

function isRefundable(order: Order): boolean {
  return order.status === 'paid' && order.total > 0;
}

// Помилка компіляції: статусу 'shipped' немає серед допустимих
isRefundable({ id: 1, total: 500, status: 'shipped' });