Zustand आणि Jotai सारख्या हल्क्या स्टोरजमध्ये Redux पासून काय फरक आहे?

Question

Accepted Answer

**Zustand** आणि **Jotai** हे किमान स्थिती पुस्तकालय आहेत जे Redux पेक्षा खूप कमी boilerplate सह जागतिक स्थिती प्राप्त करतात, आणि अनावश्यक re-renders टाळण्यासाठी built-in **selective subscriptions** असतात. ते वेगवेगळे मानसिक मॉडेल वापरतात: Zustand हे एकल स्टोर आहे; Jotai हे अणु आहे. ## Zustand — एक साधा, hook-आधारित स्टोर ```jsx import { create } from "zustand"; // define a store: state + the actions that update it, all in one place const useStore = create((set) => ({ count: 0, increment: () => set((s) => ({ count: s.count + 1 })), // no actions/reducers/dispatch reset: () => set({ count: 0 }), })); function Counter() { const count = useStore((s) => s.count); // SELECT — re-renders only when count changes const increment = useStore((s) => s.increment); return ; } ``` कोणतेही provider नाही, कोणतेही actions नाही, कोणतेही reducers नाही, कोणतेही dispatch नाही — तुम्ही सेटर फंक्शन्स थेट कॉल करता. selector (`s => s.count`) म्हणजे component हा *केवळ* जेव्हा तो slice बदलतो तेव्हाच re-render होतो. ## Jotai — अणु स्थिती ```jsx import { atom, useAtom } from "jotai"; const countAtom = atom(0); // a tiny piece of state const doubleAtom = atom((get) => get(countAtom) * 2); // derived atom function Counter() { const [count, setCount] = useAtom(countAtom); // works like useState, but GLOBAL return ; } ``` Jotai लहान **atoms** पासून state तयार करते जे तुम्ही compose करता; components वैयक्तिक atoms ला subscribe करतात आणि केवळ तेव्हा re-render होतात जेव्हा त्या विशिष्ट atoms बदलतात. ## Redux सह तुलना ```text Redux (classic) Zustand Jotai Boilerplate high (actions/reducers) very low very low Provider required none minimal Mental model single store + dispatch single store, hooks atomic (useState-like) Re-renders needs selectors selector built-in per-atom (granular) Devtools excellent good good Bundle size larger tiny (~1KB) tiny ``` ## कधी काय निवडायचे ```text Zustand → simple global state, minimal ceremony (most apps' global needs) Jotai → bottom-up/granular state, lots of independent pieces, derived values Redux(RTK) → very large apps, strict structure, rich devtools/middleware ecosystem ``` ## हे महत्त्वाचे का आहे Zustand आणि Jotai Redux च्या boilerplate पासून **किमान, ergonomic** जागतिक state कडे सरकण्याचे आधुनिक प्रवृत्ती दर्शवतात built-in selective subscriptions सह (Context च्या re-render समस्या सोडवून). ते अस्तित्वात आहेत हे जाणून — आणि Zustand एक लहान single-store मॉडेल ऑफर करते तर Jotai composable atoms ऑफर करते — तुम्हाला एक हलके tool निवडू शकता जो बहुतेक apps च्या global-state गरजा पूरवतो, heavy Redux Toolkit खरोखरच मोठ्या, जटिल applications साठी सुरक्षित ठेवा. Context पेक्षा मुख्य सामायिक फायदा granular subscriptions आहे जे over-rendering रोखतात.