| کانال توسعه‌دهندگان وب |
برای پروژه‌هایی که Redux برایشان زیادی سنگین است، کتابخانهٔ Zustand گزینهٔ خیلی تمیزی برای مدیریت state در React است ⚡️
ایده‌اش ساده است: یک global store سبک، بدون Providerهای تو در تو، با API خیلی سرراست.
چند مزیت مهم:
✅ بدون boilerplate؛ فقط یک تابع برای ساختن store
✅ پشتیبانی عالی از TypeScript
✅ بدون re-render اضافی؛ فقط کامپوننت‌های وابسته رندر می‌شوند
✅ سازگار با Server Components در پروژه‌های مدرن React / Next.js
نمونه استفاده ساده:
npm install zustand
import create from 'zustand'
const useStore = create((set) => ({
count: 0,
inc: () => set((s) => ({ count: s.count + 1 }))
}))
function Counter() {
const { count, inc } = useStore()
return <button onClick={inc}>Count: {count}</button>
}
برای پروژه‌هایی که فقط یک state مدیریت‌پذیر، تمیز و قابل تست می‌خواهند، Zustand معمولا اندازه‌اش دقیقا همان چیزی است که نیاز می‌شود 🙂
لینک‌ها:
GitHub
Docs
🔖 #Web #وب #Frontend #Backend #Zustand #React #State_Management #JavaScript #TypeScript #Frontend
👤 Developix
💎 Channel: @DevelopixWeb
3 · 553 ·