Ко всем темам React
React • Тематический раздел2 сценария

Управление состоянием и кэширование

Архитектура Zustand, персистенция, useShallow и TanStack Query v5

Построение клиентского слоя данных: типизированные срезы (Slice pattern), предотвращение каскадных ререндеров с useShallow и гидратация серверного состояния.

Zustand v5useShallowStateCreatorСелекторыPersist Middleware
Прогресс темы
0%(0 из 2 пройдено)
+100 XP~75 мин

Практические сценарии раздела

2 сценариев доступно для выполнения

Уровень сложности:
Senior35 мин+50 XP
Архитектура глобального состояния на Zustand v5: типизированные слайсы, персистенция и useShallow

Построение масштабируемого клиентского хранилища на Zustand v5: паттерн StateCreator Slices, глубокая типизация без циклических зависимостей, селекторы с useShallow и гидратация LocalStorage.

React 19Zustand 5.0+TypeScript 5.8+useShallow
Сквозной сценарийОткрыть воркфлоу
Middle40 мин+50 XP
Архитектура серверного состояния в React 19: TanStack Query v5, фабрики ключей и оптимистичные мутации

Глубокий разбор управления серверным состоянием в React 19: паттерн фабрики ключей запросов (Query Key Factory) для исключения опечаток инвалидации, построение мгновенного интерфейса через оптимистичные обновления (Optimistic UI) со снимком отката, пагинация и бесконечные списки с useInfiniteQuery.

React 19TanStack Query v5TypeScript 5.8+ZodVite 6
Сквозной сценарийОткрыть воркфлоу