Ni nini dhana muhimu za Redux?

Question

Accepted Answer

**Redux** ni kontena ya hali inayotarajiwa, iliyojengwa kwa kanuni tatu muhimu: **duka moja**, **hali inayosomeka** inayobadilishwa kupitia **vitendo** tu, na **reducers safi** zinazohesabu hali inayofuata. Data inaendelea kwa njia moja, na hivyo mabadiliko yanaweza kufuatiwa. ## Kanuni tatu ```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 ``` ## Sehemu na mtiririko ```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; ``` ## Mzunguko ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` Mtiririko huu usaba wa njia moja unamaanisha kwamba kila mabadiliko ya hali ni matokeo ya kitendo kilichotumwa kinachotengenezwa na chaguo la kukokotoa safi — kinachofuatwa kabisa. ## Kutumia katika React ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## Kwa nini vikwazo? ```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 ``` (Kumbuka: Redux ya kisasa inatumia **Redux Toolkit**, ambayo inapunguza boilerplate kwa njia kubwa sambamba na kuhifadhi dhana hizi.) ## Kwa nini inakusudiwa Dhana muhimu za Redux — duka moja, vitendo, reducers safi, mtiririko wa njia moja — hufanya hali ya programu kuwa **inayotarajiwa na inayofuatiwa**, ambayo ndio thamani yake kuu kwa programu kubwa. Kuelewa store/action/reducer/dispatch/select ni muhimu kwa besi nyingi za kod zinazo tumia Redux, na kanuni (updates zisizobadilika, reducers safi, mtiririko wa njia moja) zinarekea katika karibu kila kitalafu cha hali. Mabadilisho ni boilerplate, ambayo Redux Toolkit inajibu sambamba na kuhifadhi misingi hii.