როგორ განსხვავდებიან მსუბუქი საწყობი, როგორიცაა Zustand და Jotai, Redux-ისგან?

Question

Accepted Answer

**Zustand** და **Jotai** მინიმალური სახელმწიფო ბიბლიოთეკებია, რომლებიც მიაღწევენ გლობალურ მდგომარეობას ბევრად ნაკლები boilerplate-ით, ვიდრე Redux, და ჩაშენებული **selective subscriptions** ტექნიკით, რათა თავიდან აიცილოთ არასაჭირო re-renders. მათ აქვთ განსხვავებული ხmental models: 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 — თქვენ უშუალოდ იძახებთ setter ფუნქციებს. selector (`s => s.count`) ნიშნავს, რომ კომპონენტი re-render გაკეთდება *მხოლოდ* იმ შემთხვევაში, თუ ეს slice შეცვლილია. ## Jotai — ატომური state ```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 აშენებს state-ს მცირე **atoms**-ებიდან, რომელსაც თქვენ აკომპოზირებთ; კომპონენტები subscribe ხდებიან ცალკეული atoms-ებზე და 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-ისგან სულ დაშორებულ თანამედროვე ტენდენციას **მინიმალური, ერგონომიული** გლობალური state-ის მიმართულებით, ჩაშენებული selective subscriptions-ით (Context-ის re-render პრობლემის გადაწყვეტა). იმის ცოდნა, რომ ისინი არსებობენ — და რომ Zustand გვთავაზობს მცირე ერთიანი საწყობის მოდელს, ხოლო Jotai გვთავაზობს composable atoms-ებს — საშუალებას გვაძლევს ავირჩიოთ მსუბუქი ინსტრუმენტი, რომელიც შეიფერი ხელი აღებს უმეტეს აპლიკაციების გლობალური state-ის საჭიროებებზე, და დატოვეთ უფრო მძიმე Redux Toolkit ნამდვილად დიდი, რთული აპლიკაციებისთვის. Mushtmis გაზიარებული უპირატესობა Context-ის მიმართ არის დიდი ხერხი subscriptions, რომელიც ხელი შეუშლის over-rendering-ს.