Где будешь хранить данные

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

1. Куки (Cookies)
   Для небольших данных (до 4 КБ), которые нужны серверу (например, токены аутентификации).

   javascript

   Копировать

   document.cookie = "token=abc123; expires=Fri, 31 Dec 2024 23:59:59 GMT; path=/";

2. LocalStorage/SessionStorage
   Для хранения данных только на клиенте (до 5-10 МБ).

   • localStorage – сохраняется после закрытия вкладки.
   • sessionStorage – очищается при закрытии вкладки.
   javascript

   Копировать

   localStorage.setItem('theme', 'dark');

3. IndexedDB
   Для больших объемов структурированных данных (асинхронное API).

   javascript

   Копировать

   const db = await indexedDB.open('myDB', 1);

4. Кеш браузера (Cache API)
   Для оффлайн-доступа к ресурсам (часть Service Workers).

5. Состояние приложения (Redux, MobX, Context API)
   Для данных, актуальных только во время сессии.

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

• Объема данных
• Необходимости доступа с сервера
• Сроков хранения
• Требований к безопасности (не храните чувствительные данные в localStorage!).