Хранение данных между сессиями

Данные, хранящиеся в состоянии React-компонентов с помощью useState, теряются при перезагрузке страницы или перезапуске приложения. Чтобы сохранить информацию между сессиями — например, настройки пользователя, тему интерфейса или недозаполненную форму — необходимо использовать механизмы клиентского хранения данных.

В вебе для этого доступны три основных инструмента:

Каждый из них имеет своё назначение, ограничения и сценарии применения.

Когда что использовать

  • localStorage — для всех клиентских данных, которые должны сохраняться между перезагрузками: настройки UI, кэш, offline-данные.
  • sessionStorage — для временных данных в рамках одной вкладки.
  • Cookies — только если сервер требует их для аутентификации или сессионного управления. Не используйте cookies для хранения сложных клиентских состояний.