Care sunt conceptele centrale ale Redux?

Question

Accepted Answer

**Redux** este un container de stare previzibil construit pe trei principii centrale: un **singur depozit**, **stare doar pentru citire** schimbată doar prin **acțiuni**, și **reduceri pure** care calculează următoarea stare. Datele curg într-o singură direcție, ceea ce face ca modificările să fie urmăribile. ## Cele trei principii ```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 ``` ## Piesele și fluxul ```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; ``` ## Ciclul ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` Acest flux strict unidirecțional înseamnă că fiecare schimbare de stare este rezultatul unei acțiuni expediate procesate de o funcție pură — complet urmăribilă. ## Utilizarea în React ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## De ce aceste constrângeri? ```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 ``` (Notă: Redux modern folosește **Redux Toolkit**, care reduce dramatic boilerplate-ul, păstrând aceste concepte.) ## De ce conteaza Conceptele centrale ale Redux — depozit singular, acțiuni, reduceri pure, flux unidirecțional — fac starea aplicației **previzibilă și urmăribilă**, ceea ce este valoarea sa principală pentru aplicații mari. Înțelegerea store/action/reducer/dispatch/select este esențială pentru numeroasele baze de cod care folosesc Redux, iar principiile (immutable updates, pure reducers, unidirectional flow) se repetă în aproape fiecare bibliotecă de stare. Compromisul este boilerplate, pe care Redux Toolkit o rezolvă, păstrând aceste fundamente.