Модули TypeScript — import, export и организация типов в проекте

Как организовать типы в реальном TypeScript проекте? Выносим типы в отдельные файлы, используем export type и import, настраиваем barrel exports через index.ts. Показываю структуру, которую используют в продакшн-проектах!

⏱ Таймкоды:
00:00 — Интро
00:05 — Зачем нужны модули в TypeScript
00:18 — Проблема: много типов захламляют код
00:28 — Модули: import/export типов между файлами
00:50 — Создаём папку types/
01:10 — Файл user.ts — выносим тип User
01:30 — export type User — экспорт типа
02:00 — import { User } from — импорт типа
02:30 — Разница: export type vs export
03:00 — Несколько типов в одном файле
03:30 — Barrel exports: index.ts — реэкспорт
04:00 — import из папки (через index.ts)
04:30 — Организация типов по модулям
05:00 — Практика: типизация API response
05:30 — Модуль api/types.ts
06:00 — Переиспользование типов между модулями
06:30 — Enum и export
07:00 — Namespace vs модули
08:00 — Структура реального проекта
09:00 — Рефакторинг: разносим типы
10:00 — Автоимпорт в VS Code
11:00 — Итог: чистая архитектура типов

🔗 Полезные ссылки:
TypeScript Handbook — Modules: https://www.typescriptlang.org/docs/handbook/2/modules.html
TypeScript Playground: https://www.typescriptlang.org/play

📱 Соцсети:
Telegram: https://t.me/daonejuniorday
⚡️ Поддержать меня на Boosty: https://boosty.to/sovit

#typescript #модули #import #export #barrel_exports #проект #архитектура #программирование

Видео Модули TypeScript — import, export и организация типов в проекте канала Дюжев Алексей. с 0 в IT.