Какие хранилища есть в браузере

Я выбираю по тому, кому нужны данные и сколько их. Если данные нужны серверу при каждом запросе, например сессия, это кука, желательно HttpOnly, Secure и с SameSite. Если это небольшая настройка интерфейса, тема или свёрнутая панель, подойдёт localStorage: простой API, переживает перезапуск, общий для вкладок. Но он синхронный и только для строк, поэтому большие объёмы туда не кладу. Для состояния, которое должно жить только в этой вкладке, например черновик шага формы, есть sessionStorage. Когда данных много, они структурированные или бинарные, например офлайн-заметки с картинками, это IndexedDB: асинхронная, с индексами и транзакциями, доступна из воркеров. А чтобы приложение открывалось без сети, Service Worker кладёт ответы в Cache API. Все эти хранилища изолированы по origin, и браузер вправе их очистить, поэтому важные данные должны жить на сервере, а navigator.storage.persist() может попросить не удалять их автоматически.