zustand-state-management

Last Updated: 2026-01-21 Latest Version: zustand@5.0.10 (released 2026-01-12) Dependencies: React 18-19, TypeScript 5+

✅ Use create ()() (double parentheses) in TypeScript for middleware compatibility ✅ Define separate interfaces for state and actions ✅ Use selector functions to extract specific state slices ✅ Use set with updater functions for derived state: set((state) => ({ count: state.count + 1 })) ✅ Use unique names for persist middleware storage keys

✅ Handle Next.js hydration with hasHydrated flag pattern ✅ Use useShallow hook for selecting multiple values ✅ Keep actions pure (no side effects except state updates)

Создайте типобезопасное глобальное состояние в React с помощью Zustand. Поддерживает TypeScript, сохраняемое промежуточное ПО, инструменты разработчика, шаблон срезов и Next.js SSR с обработкой гидратации. Предотвращает 6 задокументированных ошибок. Используйте при настройке состояния React, переходе из Redux/Context или устранении ошибок гидратации, вывода TypeScript, бесконечных циклов рендеринга или сохранения условий гонки. Источник: sovranbitcoin/sovran.