JWT Auth [frontend]

Обучающее видео - https://www.youtube.com/watch?v=fN25fMQZ2v0

Backend часть проекта - https://itbooster.ru/pet-projects/4/details/

4. Требования к фронтенду (React)

• Страницы:

  • форма логина (email + password),

  • форма регистрации,

  • страница/панель с защищённым контентом (видна только авторизованным).

• Хранение токенов:

  • accessToken:

    • в памяти (React state / context) или в localStorage (с учётом XSS-рисков),

  • refreshToken:

    • не хранить в JS, использовать HttpOnly cookie (рекомендуется).

• Реализация:

  • HOC/компонент-защита роутов (Redirect на страницу логина, если нет accessToken).

  • Интерцепторы для запросов:

    • автоматическая подстановка Authorization: Bearer <accessToken>,

    • если 401 и есть refreshToken → запрос к /auth/refresh → повтор исходного запроса.

Визуальная часть не имеет значения.