Как хранить данные на клиенте

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

1. LocalStorage/SessionStorage – простые key-value хранилища, сохраняют данные после перезагрузки (LocalStorage) или до закрытия вкладки (SessionStorage). Лимит ~5MB.

localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');

2. Cookies – небольшие строки (~4KB), автоматически отправляются на сервер. Можно установить срок жизни.

document.cookie = 'user=John; max-age=3600; path=/';

3. IndexedDB – NoSQL база данных в браузере для больших объемов структурированных данных. Асинхронная работа.

4. Cache API – для хранения HTTP-ответов и ресурсов (часть Service Workers).

Выбор зависит от:

• Объема данных
• Необходимости доступа на сервере
• Требований к структуре данных
• Сроков хранения