مزیتش نسبت به Redux و بقیه چیه؟
• API خیلی ساده و مستقیم
• بدون providerهای تو در تو؛ فقط یک store
• performance عالی با رندر کمتر کامپوننتها
• پشتیبانی از TypeScript بدون دردسر
یه مثال ساده:
npm install zustand
import { create } from 'zustand'
const useBearStore = create((set) => ({
bears: 0,
increase: () => set((state) => ({ bears: state.bears + 1 })),
}))
function Counter() {
const bears = useBearStore((state) => state.bears)
const increase = useBearStore((state) => state.increase)
return <button onClick={increase}>Bears: {bears}</button>
}
برای پروژههایی که Redux براشون زیادی سنگینه، Zustand گزینهایه که هم کد رو تمیز نگه میداره هم مقیاسپذیره. مخصوصاً برای dashboardها، panelهای ادمین و appهای data-heavy خیلی جواب میده.
مستندات و سورس:
GitHub
Docs
یک بار تو یه پروژه واقعی تستش کن، معمولاً بعدش برگردوندنش به عقب سخته 😄
🔖 #Javascript #JS #جاوااسکریپت #JavaScript #React #Zustand #State_Management #Frontend
👤 Developix
💎 Channel: @DevelopixJavascript
