Redux యొక్క ప్రధాన భావనలు ఏమిటి?

Question

Accepted Answer

**Redux** అనేది మూడు ప్రధాన సూత్రాలపై నిర్మితమైన ఊహించదగిన స్థితి కంటైనర్: ఒకే **స్టోర్**, **చదువుకుని కూడిన స్థితి** కేవలం **చర్యల** ద్వారా మార్చబడుతుంది, మరియు **స్వచ్ఛమైన రిడ్యూసర్‌లు** తదుపరి స్థితిని లెక్కించండి. ডేటా ఒక దిశలో ప్రవహిస్తుంది, మార్పులను ట్రేస్‌చేయదగిన చేస్తుంది. ## మూడు సూత్రాలు ```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 ``` ఈ కఠినమైన ఒక-దిశ ప్రవాహం అంటే ప్రతి స్థితి మార్పు సంపాదించిన చర్య యొక్క ఫలితం స్వచ్ఛమైన ఫంక్షన్ ద్వారా ప్రక్రియ చేయబడుతుంది — పూర్తిగా ట్రేస్‌చేయదగినది. ## 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** ఉపయోగిస్తుంది, ఇది ఈ భావనలను నిలుపుకుంటూ బాయిలర్‌ప్లేట్‌ను చాలా వరకు తగ్గిస్తుంది.) ## ఇది ఎందుకు ముఖ్యమైనది Redux యొక్క ప్రధాన భావనలు — ఒకే స్టోర్, చర్యలు, స్వచ్ఛమైన రిడ్యూసర్‌లు, ఒక-దిశ ప్రవాహం — అనువర్తన స్థితిని **ఊహించదగిన మరియు ట్రేస్‌చేయదగిన** చేస్తుంది, ఇది పెద్ద అనువర్తనాల కోసం దాని ప్రధాన విలువ. store/action/reducer/dispatch/select ను అర్థం చేసుకోవడం Redux ని ఉపయోగించే అనేక కోడ్‌బేస్‌ల కోసం ముఖ్యమైనది, మరియు సూత్రాలు (మార్పులేని నవీకరణలు, స్వచ్ఛమైన రిడ్యూసర్‌లు, ఏకీకృత ప్రవాహం) దాదాపు ప్రతి స్థితి లైబ్రరీలో పునరావృతమవుతాయి. ట్రేడ్-ఆఫ్ బాయిలర్‌ప్లేట్, ఇది Redux Toolkit ద్వారా ఈ ప్రాథమిక సూత్రాలను సంరక్షించేటప్పుడు సంబోధించబడుతుంది.