Zustand மற்றும் Jotai போன்ற இலகுரக கடைகள் Redux இலிருந்து எவ்வாறு வேறுபடுகின்றன?

Question

Accepted Answer

**Zustand** மற்றும் **Jotai** என்பவை Redux-ஐ விட மிகக் குறைவான boilerplate-உடன் உலகব்যாপி நிலையை அடையும் குறைந்தபட்ச நிலை நூலகங்கள், மேலும் கட்டாய மறு-வரைதலைத் தவிர்ப்பதற்கு **தேர்ந்தெடுக்கப்பட்ட சந்தாக்கள்** கொண்டுள்ளன. அவை வெவ்வேறு மानसिक மডลைப் பின்பற்றுகின்றன: Zustand ஒரு one கடை; 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 ; } ``` வழங்குநர் இல்லை, நடவடிக்கைகள் இல்லை, குறைকூறிகள் இல்லை, அனுப்பல் இல்லை — நீங்கள் setter செயல்பாடுகளை நேரடியாக அழைக்கிறீர்கள். தேர்ந்தெடுக்கி (`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-ன் boilerplate-இலிருந்து **குறைந்தபட்ச, ergonomic** உலகব்யாபி நிலையை நோக்கிய நவீன போக்கைக் குறிக்கின்றன, கட்டமைக்கப்பட்ட **தேர்ந்தெடுக்கப்பட்ட சந்தாக்கள்** (Context-ன் மீண்டும் வரையும் சிக்கலைத் தீர்க்க). அவை இருக்கின்றன என்ற கூற்று — மற்றும் Zustand ஒரு சிறிய single-store மாதிரி வழங்குகிறது அதே நேரம் Jotai தொகுக்கக்கூடிய அணுக்களை வழங்குகிறது — பெரும்பாலான பயன்பாடுகளின் உலகব்யாபி நிலை தேவைக்கு பொருந்தும் ஒரு இலகு கருவியைத் தேர்ந்தெடுக்க உங்களை அனுமதிக்கிறது, மிகப் பெரிய, சிக்கலான பயன்பாடுகளுக்கு கனமான Redux Toolkit ஐ ஒதுக்கி வைக்கிறது. Context-க்கு மேல் பகிரப்பட்ட முக்கிய நன்மை அதிக-வரைதலைத் தடுக்கும் தானியக் சந்தாக்கள் ஆகும்.