Conas a bhíonn difríochtaí idir stóranna éadrom ar nós Zustand agus Jotai agus Redux?

Question

Accepted Answer

**Zustand** agus **Jotai** ná leabharlanna stáit íosta-bhóipeanna a bhraistint stát domhanda le i bhfad níos lú boilerplate ná Redux, agus le **socruithe roghnaitheacha & ionbhaistithe** a thógáil iontu d'uachtar a sheachaint. Glacann siad ar mhúnlaí meabhrach éagsúla: is siopa singil a bhíonn i Zustand; is atomic a bhíonn i Jotai. ## Zustand — siopa simplí, bunaithe ar hooks ```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 ; } ``` Gan provider, gan gníomhartha, gan reducers, gan dispatch — glaochat tú ar fheidhmeanna socraithe go díreach. Ciallaíonn an roghnóir (`s => s.count`) go n-athghabhálann an comhpháirt *i ndiaidh amháin* nuair a athraíonn an fhealm sin. ## Jotai — stát adamhach ```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 ; } ``` Tógann Jotai an stát as **adamh** beaga a chur i dtús a chéile; gabhálann comhpháirteanna ionad ar adamh aonair agus athghabhálann siad i ndiaidh amháin nuair a athraíonn na hadamha sonracha sin. ## Comparáid le 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 ``` ## Cathain atá rogha ann ```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 ``` ## Cén fáth go bhfuil sé tábhachtach Ionaduímid Zustand agus Jotai an fhosruth nua-aimseartha ó bhoilerplate Redux i dtreo stát domhanda **íosúil, ergonomic** le socruithe roghnaitheacha & ionbhaistithe (réiteach ar fhadhb athghabhála Context). A bheith ar an eolas go bhfuil siad ann — agus go bhfuil múnla single-store beag do Zustand, cé go bhfuil adamh inchomdhéanta ag Jotai — a ligeann duit uirlis éadrom a roghnú a oiriúnú do riachtanais stáit dhomhanda an chuid is mó de na feidhmchláir, gan Redis Toolkit níos troime a choinneáil d'fhíor-bhigfeidhmchláir bhróid agus chasta. Is é an príomhbhuntáiste a bhíonn roinnte in aghaidh Context ná socruithe fíneálta a chuireann cosc ar ollstáit-dhéanta.