Вопросы React Frontend Developer

• Куки:

  • Малый размер (~4 КБ на домен).

  • Автоматически отправляются на сервер с каждым HTTP-запросом.

  • Могут быть постоянными (срок истекает вручную) или сессионными (до закрытия браузера).

  • Используются для авторизации, трекинга.

• Session Storage:

  • Больший размер (~5 МБ на домен).

  • Данные доступны только в текущей вкладке и удаляются после её закрытия.

  • Не отправляются на сервер автоматически.

  • Используются для временных данных (например, сохранение формы).

localStorage и sessionStorage — это синхронные хранилища данных в браузере. Главное отличие — время жизни данных. localStorage сохраняет данные между перезагрузками и закрытием браузера. sessionStorage очищается при закрытии вкладки. Оба хранилища доступны только в рамках одного origin.

cookie и sessionStorage используются для хранения данных в браузере.
Cookie автоматически отправляются на сервер с каждым HTTP-запросом.
sessionStorage доступен только на клиенте и живет в рамках одной вкладки.
Они отличаются по объему, времени жизни и области применения.

sessionStorage используется для хранения данных в рамках одной вкладки браузера.
Данные сохраняются при обновлении страницы, но удаляются при закрытии вкладки.
Он подходит для временного UI-состояния.
Часто применяется там, где данные не должны сохраняться надолго.

LocalStorage хранит данные бессрочно, sessionStorage — до закрытия вкладки. Cookies автоматически отправляются на сервер и используются для авторизации. IndexedDB — это база данных в браузере для хранения больших объемов данных и сложных структур.