О чём занятие
Занятие посвящено управлению глобальным состоянием React-приложения с помощью Zustand и принципам построения авторизации на основе JWT. Студенты разберут полный процесс авторизации: отправку логина и пароля на сервер, получение access token и refresh token, структуру JWT и использование токена при выполнении защищённых API-запросов. Будут рассмотрены срок действия токена, обновление access token через refresh token, обработка 401 Unauthorized и выход пользователя из системы. Отдельное внимание уделяется хранению состояния пользователя, восстановлению сессии после перезагрузки приложения и реализации публичных и защищённых маршрутов.
Цель. Научить студентов управлять глобальным состоянием через Zustand и понимать полный цикл JWT-авторизации во frontend-приложении.
Чему научится
- Работать с Zustand и хранить состояние текущего пользователя
- Понимать JWT, access и refresh токены, Bearer-авторизацию и срок жизни токенов
- Добавлять access token в запросы, обрабатывать 401, обновлять токен и делать logout
- Собирать сценарий Login → JWT → авторизованные запросы → refresh → Logout и закрывать разделы приложения
Полный сценарий Login → получение JWT → авторизованные запросы → обновление токена → Logout, состояние пользователя и защищённые маршруты.
Механизм refresh token: обработать истечение access token, обновить его и повторить исходный API-запрос без повторного логина.