Kokie yra pagrindinės Redux koncepcijos?

Question

Accepted Answer

**Redux** yra numatoma būsenos konteineris, pastatytas ant trijų pagrindinių principų: **viena saugykla**, **skaitymo tik režimu** esanti būsena, kuriią galima pakeisti tik per **veiksmus**, ir **grynos reducerios** funkcijos, kurios apskaičiuoja kitą būseną. Duomenys teka viena kryptimi, todėl pokyčiai yra sekoje. ## Trys principai ```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 ``` ## Komponentai ir srautas ```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; ``` ## Ciklas ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` Šis griežtas vienpusis srautas reiškia, kad kiekvienas būsenos pokytis yra išsiųsto veiksmoo rezultatas, kuris apdorotas grynos funkcijos — visiškai sekoje. ## Naudojimas React ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## Kodėl šie apribojimai? ```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 ``` (Pastaba: šiuolaikinis Redux naudoja **Redux Toolkit**, kuris drastiškai sumažina boilerplate, tuo pačiu išsaugodamas šias koncepcijas.) ## Kodėl tai svarbu Redux pagrindinės koncepcijos — viena saugykla, veiksmai, grynos reducerios, vienpusis srautas — padaro programos būseną **nuspėjamą ir sekoje**, o tai yra jos pagrindinė vertė didelėms aplikacijoms. Supratimas store/action/reducer/dispatch/select yra būtinas daugeliui codebase, kurie naudoja Redux, ir principai (nepakitami atnaujinimai, grynos reducerios, unidireccionalus srautas) pasikartoja beveik kiekvienoje būsenos bibliotekoje. Kompromisas yra boilerplate, kurį Redux Toolkit sprendžia, išlaikydamas šiuos pagrindus.