Тема 5 из 6
Месяц 5. React и Zustand
SPA на React Router, менеджеры состояния, Zustand, React Query и JWT-авторизация.
- 01 SPA на React Router: данные между страницами и useLoaderData В этом уроке разберёмся, чем одностраничное приложение (SPA) отличается от многостраничного сайта (MPA), и соберём SPA на React Router. Научимся передавать данные между… ≈12 мин
- 02 Обзор менеджеров состояния в React Когда приложение растёт, одни и те же данные — пользователь, корзина, тема оформления — нужны сразу многим компонентам. Передавать их пропсами через пять уровней неудобно, и тут… ≈10 мин
- 03 Знакомство с Zustand Zustand — один из самых простых и популярных менеджеров состояния для React. Хранилище создаётся одной функцией, не нужен провайдер, а код получается коротким и понятным. В этом… ≈10 мин
- 04 Запросы через React Query: GET Загружать данные через useEffect и useState мы уже умеем, но это много однотипного кода: состояние загрузки, ошибки, повторные запросы, устаревшие данные. Библиотека TanStack… ≈10 мин
- 05 Фильтрация, сортировка, query-параметры и кэш Почти в каждом интернет-магазине есть поиск, фильтры по категории и цене, сортировка «сначала дешёвые» и постраничный вывод. В этом уроке научимся делать всё это на React: хранить… ≈12 мин
- 06 useMutation: POST, PUT и PATCH Получать данные с сервера через useQuery мы научились. Теперь пора их изменять : создавать, обновлять и удалять. В TanStack Query для этого есть хук useMutation . В этом уроке… ≈11 мин
- 07 JWT-авторизация, регистрация и Swagger Почти любое приложение требует входа: личный кабинет, корзина, заказы. В этом уроке разберём JWT-авторизацию с access- и refresh-токенами, сделаем регистрацию и вход с валидацией… ≈12 мин
- 08 Повторение материала. Итоговая работа месяца Этот урок подводит итоги пятого месяца. Мы коротко повторим всё, что изучили: SPA на React Router, менеджеры состояния и Zustand, запросы через TanStack Query, фильтры и кэш… ≈11 мин