Хранилища

Раздел объединяет три аспекта работы с данными на клиенте: браузерные хранилища, клиентское состояние через популярные стейт-менеджеры и серверное состояние через TanStack Query.

6 статей 34 вопросов

Начни с базы

Клиентские хранилища: localStorage, cookies, IndexedDB

Браузерные хранилища: localStorage, sessionStorage, cookies, IndexedDB. Различия, React-интеграция и защита от XSS и CSRF.

6 вопросов

Redux Toolkit: предсказуемое состояние, слайсы, RTK Query

Redux Toolkit — современный способ писать Redux без бойлерплейта. createSlice, createAsyncThunk, RTK Query, Immer и правила иммутабельности.

6 вопросов

Zustand: стор без бойлерплейта, селекторы, middleware

Zustand: глобальное состояние без провайдеров и бойлерплейта. Селекторы, persist-middleware, DevTools и интеграция с TanStack Query.

5 вопросов

TanStack Query: кэш, мутации, серверное состояние

TanStack Query управляет серверным состоянием в React: кэш, мутации, staleTime, gcTime и оптимистичные обновления из коробки.

5 вопросов

Pinia: управление состоянием без Vuex-бойлерплейта

Pinia — официальная библиотека состояния для Vue 3. defineStore, реактивные геттеры, прямые мутации и плагины вместо Vuex mutations/actions/commit.

6 вопросов

Не будет лишним

Vuex: классический стейт-менеджер Vue

Vuex — официальный стейт-менеджер Vue 2 и Vue 3 до появления Pinia. state, mutations, getters, actions, модули с namespaced и миграция на Pinia.

6 вопросов