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 with Zustand. يدعم TypeScript، والبرمجيات الوسيطة المستمرة، وأدوات التطوير، ونمط الشرائح، وNext.js SSR مع معالجة الترطيب. يمنع 6 أخطاء موثقة. يُستخدم عند إعداد حالة React، أو الترحيل من Redux/Context، أو استكشاف أخطاء الترطيب وإصلاحها، أو استدلال TypeScript، أو حلقات العرض اللانهائية، أو استمرار حالات السباق. المصدر: sovranbitcoin/sovran.