Дело × Политех ← К программе
Frontend · React Занятие 03 из 09

Контракты, типизация и моки

Договоримся с backend на уровне типов: OpenAPI/DTO, строгая типизация на фронте и разработка экранов на моках.

О чём занятие

Разберём контракт API: endpoint’ы, DTO, коды ответов. Перенесём это в TypeScript-типы, чтобы UI и данные не расходились «молча».

Научимся работать с моками: данные в коде, MSW, JSON Server или тонкий mock service layer — чтобы фронт мог развиваться параллельно с backend.

Соберём список и детальную страницу сущности на моковых данных — это шаблон для всех следующих CRUD-экранов.

Что разберём

  • OpenAPI / описание endpoint’ов и DTO
  • Типизация сущностей на frontend
  • Моки: MSW, JSON Server или mock layer
  • Список и детальная страница на моках
Практика

Список и детальная страница основной сущности на моковых данных.