Redux का मुख्य अवधारणाहरू के हुन्?

Question

Accepted Answer

**Redux** एक पूर्वानुमानयोग्य state container हो जो तीन मुख्य सिद्धान्तहरूमा निर्मित छ: एक **single store**, **read-only state** जो केवल **actions** मार्फत परिवर्तित हुन्छ, र **pure reducers** जो अगलो state गणना गर्दछ। डेटा एक दिशामा प्रवाहित हुन्छ, जसले परिवर्तनहरू ट्रेस गर्न सक्षम बनाउँछ। ## तीन सिद्धान्तहरू ```text 1. Single source of truth — the whole app's state lives in ONE store object 2. State is read-only — you never mutate it; you DISPATCH actions to change it 3. Changes via pure reducers — (state, action) => newState, no side effects ``` ## अংशहरू र प्रवाह ```js // STORE — holds the single state tree const store = configureStore({ reducer: rootReducer }); // ACTION — a plain object describing what happened const action = { type: "counter/incremented", payload: 1 }; // REDUCER — pure function: given state + action, returns NEW state function counterReducer(state = { value: 0 }, action) { switch (action.type) { case "counter/incremented": return { ...state, value: state.value + action.payload }; // new object default: return state; } } // DISPATCH — the only way to trigger a change store.dispatch(action); // SELECT — read state store.getState().counter.value; ``` ## चक्र ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` यो कठोर एक-दिशा प्रवाह मतलब हरेक state परिवर्तन एक dispatched action को परिणाम हो जो शुद्ध function द्वारा प्रक्रिया गरिन्छ — पूर्णतया ट्रेस गर्न योग्य। ## React मा प्रयोग गर्दै ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## सीमाबद्धताहरू किन? ```text Predictability — every change is an explicit, logged action Debuggability — time-travel debugging, action replay (Redux DevTools) Testability — pure reducers are trivial to unit test ``` (नोट: आधुनिक Redux ले **Redux Toolkit** प्रयोग गर्दछ, जसले boilerplate नाटकीय रूपमा कम गर्दछ जबकि यी अवधारणाहरू राख्दछ।) ## किन यो महत्त्वपूर्ण छ Redux को मुख्य अवधारणाहरू — single store, actions, pure reducers, one-way flow — application state लाई **predictable र traceable** बनाउँदछ, जो ठूला अनुप्रयोगहरूको लागि यसको मुख्य मान हो। store/action/reducer/dispatch/select बुझ्नु त्यो धेरै codebases को लागि आवश्यक छ जो Redux प्रयोग गर्दछ, र सिद्धान्तहरू (immutable updates, pure reducers, unidirectional flow) लगभग हरेक state library मा पुनरावृत्ति हुन्छन्। ट्रेड-अफ boilerplate हो, जो Redux Toolkit ले सम्बोधन गर्दछ जबकि यी मौलिकहरू संरक्षण गर्दछ।