Redux ची मूल संकल्पना काय आहेत?

Question

Accepted Answer

**Redux** हे तीन मूल तत्त्वांवर बनलेले एक अनुमानित स्थिती कंटेनर आहे: **एकल store**, **केवळ वाचन** स्थिती जी फक्त **actions** द्वारे बदलली जाऊ शकते, आणि **शुद्ध reducers** जे पुढील स्थिती मोजतात. डेटा एका दिशेने वाहतो, ज्यामुळे बदल शोधक्षम होतात. ## तीन तत्त्व ```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 ``` हा कठोर एकमुखी प्रवाह म्हणजे प्रत्येक स्थिती बदल हा एक dispatch केलेल्या action चा परिणाम आहे जो शुद्ध कार्य द्वारे प्रक्रिया केला जातो — पूर्णपणे शोधक्षम. ## 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 च्या मूल संकल्पना — एकल store, actions, शुद्ध reducers, एकमुखी प्रवाह — अनुप्रयोग स्थिती **पूर्वानुमेयने आणि शोधक्षमतेने** बनवतात, जो मोठ्या ॲप्लिकेशनसाठी त्याचे मुख्य मूल्य आहे. store/action/reducer/dispatch/select समजून घेणे Redux वापरणार्‍या अनेक codebases साठी आवश्यक आहे, आणि तत्त्व (अपरिवर्तनीय अपडेट, शुद्ध reducers, एकमार्गी प्रवाह) जवळजवळ प्रत्येक स्थिती लायब्ररी मध्ये पुनरावृत्ती होतात. ट्रेड-ऑफ boilerplate आहे, जो Redux Toolkit ही मूलभूत गोष्टी राखून सोडवतो.