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

Для сохранения состояния между перезагрузками можно использовать:

1. LocalStorage – хранит данные без срока действия, пока пользователь не очистит их вручную.
   javascript

   Копировать

   // Сохранение
   localStorage.setItem('key', JSON.stringify(state));
   // Получение
   const savedState = JSON.parse(localStorage.getItem('key'));

2. SessionStorage – аналогичен LocalStorage, но очищается при закрытии вкладки.

3. Cookies – подходит для небольших данных, работает на сервере и клиенте.

   javascript

   Копировать

   document.cookie = `state=${JSON.stringify(state)}; path=/`;

4. URL параметры – удобно для фильтров или настроек.

   javascript

   Копировать

   history.pushState({}, '', `?filter=${encodeURIComponent(filterValue)}`);

Для сложных SPA лучше использовать LocalStorage + инициализацию состояния при загрузке.