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

Backend-интеграция и TanStack Query

Подключаем реальный API и переносим загрузку данных на TanStack Query: кэш, статусы и предсказуемые обновления.

О чём занятие

Соберём API-клиент и работу с env. Научимся показывать loading / error / empty состояния так, чтобы интерфейс не «мигал» и не врал пользователю.

Введём TanStack Query: QueryClient, useQuery, useMutation, query keys, invalidation. Это станет стандартом работы с серверным состоянием до конца курса.

Заменим моки на реальные запросы и вынесем доступ к API в query hooks — handlers страниц станут тоньше и понятнее.

Что разберём

  • API-клиент, env, обработка ошибок сети
  • Loading / error / empty states
  • QueryClient, useQuery, useMutation, query keys
  • Invalidation и синхронизация UI после мутаций
Практика

Заменить моки на реальные запросы и вынести API в query hooks.