zustand-state-management

Status: Production Ready ✅ Last Updated: 2025-10-24 Latest Version: zustand@5.0.8 Dependencies: React 18+, TypeScript 5+

CRITICAL: Notice the double parentheses create ()() - this is required for TypeScript with middleware.

✅ 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

قم ببناء حالة عالمية آمنة للنوع في تطبيقات React باستخدام Zustand. يدعم TypeScript، والبرمجيات الوسيطة المستمرة، وأدوات التطوير، ونمط الشرائح، وNext.js SSR. يُستخدم عند إعداد حالة React، أو الترحيل من Redux/Context API، أو تنفيذ استمرارية التخزين المحلي، أو استكشاف أخطاء ترطيب Next.js وإصلاحها، أو مشكلات استدلال TypeScript، أو حلقات العرض اللانهائية. المصدر: ovachiever/droid-tings.