Si ndryshojnë dyqanet e lehtë si Zustand dhe Jotai nga Redux?

Question

Accepted Answer

**Zustand** dhe **Jotai** janë biblioteka minimale të gjendjes që arrijnë gjendjen globale me shumë më pak punë boilerplate sesa Redux, dhe me **abonime selektive** të ndërtuar për të shmangur rindizajnimet e panevojshme. Ato marrin modele mendore të ndryshme: Zustand është një dyqan i vetëm; Jotai është atomik. ## Zustand — një dyqan i thjeshtë, i bazuar në 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 ; } ``` Asnjë furnizues, asnjë veprim, asnjë zvogëlues, asnjë dërgim — ju thjesht thërrni funksionet e vendosjes drejtpërdrejt. Selektori (`s => s.count`) do të thotë që komponenti rindizajnohet *vetëm* kur atë pjesë ndryshon. ## Jotai — gjendje atomike ```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 ndërton gjendjen nga **atome** të vogla që ju kombinoni; komponentët abonoheni në atome individuale dhe rindizajnohen vetëm kur ata atome specifike ndryshojnë. ## Krahasimi me 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 ``` ## Kur të zgjedh çfarë ```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 ``` ## Pse është e rëndësishme Zustand dhe Jotai përfaqësojnë trendin modern larg nga boilerplate-i i Redux drejt gjendjes globale **minimale, ergonomike** me abonime selektive të ndërtuar (duke zgjidhur problemin e rindizajnimit të Context). Dija se ekzistojnë — dhe se Zustand ofron një model të vogël dyqan të vetëm ndërsa Jotai ofron atome të kombinueshme — ju lejon të zgjedhni një mjet të lehtë që përshtatet në nevojat e gjendjes globale të shumicës së aplikacioneve, duke rezervuar Redux Toolkit më të rëndë për aplikacione vërtet të mëdha dhe komplekse. Avantazhi kryesor i përbashkët mbi Context është abonime të detajuara që parandalojnë over-rendering-in.