Как сохранить состояние приложения между перезагрузками страницы?

Сохранение состояния между перезагрузками необходимо, когда важно, чтобы пользователь не терял данные после обновления страницы.

Основные способы

1. LocalStorage
   Подходит для:

• токенов

• настроек

• небольших данных

localStorage.setItem("theme", "dark");
const theme = localStorage.getItem("theme");

2. SessionStorage
   Используется, если данные должны жить только в рамках вкладки.

3. IndexedDB
   Подходит для:

• больших объемов данных

• офлайн-приложений

4. Сохранение на сервере
   Используется для:

• пользовательских данных

• корзин

• профилей

Частый паттерн в React

1. Прочитать данные при инициализации приложения

2. Положить их в state или store

3. Сохранять при изменении

Вывод

Чаще всего для простых задач используют LocalStorage, а для больших данных или офлайн-режима — IndexedDB или сервер.