Zustand અને Jotai જેવી લાઇટવેઇટ સ્ટોર્સ Redux થી કેવી રીતે અલગ છે?

Question

Accepted Answer

**Zustand** અને **Jotai** એ ન્યૂનતમ રાજ્ય પુસ્તકાલયો છે જે Redux કરતાં ઘણા ઓછા બોઇલરપ્લેટ સાથે વૈશ્વિક રાજ્ય હાથ ધરે છે, અને બિનજરૂરી પુનઃ-રેન્ડર્સને ટાળવા માટે બિલ્ટ-ઇન **પસંદગીયુક્ત સબસ્ક્રિપ્શન્સ** સાથે. તેઓ વિવિધ માનસિક મોડેલ લે છે: Zustand એક એકલ સ્ટોર છે; Jotai પરમાણુ છે. ## Zustand — એક સરળ, હુક-આધારિત સ્ટોર ```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 ; } ``` કોઈ પ્રોવાઇડર નથી, કોઈ ક્રિયાઓ નથી, કોઈ રીડ્યુસર્સ નથી, કોઈ ડિસ્પેચ નથી — તમે સીધું સેટર ફંક્શનને બોલો છો. સિલેક્ટર (`s => s.count`) એટલે કે કમ્પોનન્ટ *માત્ર* જ્યારે તે સ્લાઇસ બદલાય ત્યારે જ પુનઃ-રેન્ડર થાય છે. ## 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 નાના **અણુ** માંથી રાજ્ય બનાવે છે જે તમે રચના કરો છો; કમ્પોનન્ટ્સ વ્યક્તિગત અણુઓને સબસ્ક્રાઇબ કરે છે અને માત્ર જ્યારે તે ચોક્કસ અણુઓ બદલાય ત્યારે જ પુનઃ-રેન્ડર થાય છે. ## 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 ના બોઇલરપ્લેટ થી દૂર જવાની આધુનિક પ્રવૃત્તિ છે **ન્યૂનતમ, ergonomic** વૈશ્વિક રાજ્ય તરફ બિલ્ટ-ઇન પસંદગીયુક્ત સબસ્ક્રિપ્શન્સ સાથે (Context ની પુનઃ-રેન્ડર સમસ્યા હલ કરે છે). તેઓ અસ્તિત્વમાં છે તે જાણવું — અને Zustand એક ટીનું સિંગલ-સ્ટોર મોડેલ આપે છે જ્યારે Jotai કમ્પોઝેબલ અણુઓ આપે છે — તમને મોટાભાગના એપ્સની વૈશ્વિક-રાજ્ય જરૂરિયાતોને ફિટ કરતા લાઇટવેઇટ ટૂલ વાંચી સકો છો, ભારે Redux Toolkit ને સત્યમાં મોટા, જટિલ એપ્લિકેશનો માટે આરક્ષિત રાખો. Context પર મુખ્ય શેર કરેલ ફાયદો દાણાદાર સબસ્ક્રિપ્શન્સ છે જે ઓવર-રેન્ડરીંગને રોકે છે.