О чём занятие
Занятие посвящено работе с серверными данными в React-приложениях. Студенты познакомятся с TanStack Query и научатся использовать его вместо ручного управления сетевыми запросами через useEffect. Будут рассмотрены получение и кеширование данных, состояния loading и error, повторные запросы и обновление данных. Отдельное внимание уделяется работе с URL-параметрами и query-параметрами для хранения состояния страницы, фильтрации и пагинации.
Цель. Научить студентов организовывать работу с серверными данными через TanStack Query и использовать URL для хранения параметров состояния интерфейса.
Чему научится
- Различать клиентское и серверное состояние
- Работать с useQuery, queryKey, кешированием и обновлением данных
- Использовать useParams и useSearchParams
- Собирать списки с фильтрацией, поиском и пагинацией, синхронизированные с URL
Список данных с API через TanStack Query, состояния загрузки и ошибки, фильтрация или поиск через URL.
Серверная пагинация: номер страницы в URL (?page=2), передача в API и queryKey, переключение страниц с автоматической загрузкой.