Quais são os conceitos principais do Redux?

Question

Accepted Answer

**Redux** é um container de estado previsível construído sobre três princípios principais: um **único store**, **estado somente leitura** alterado apenas por **ações**, e **redutores puros** que calculam o próximo estado. Os dados fluem em uma única direção, tornando as mudanças rastreáveis. ## Os três princípios ```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 ``` ## As peças e o fluxo ```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; ``` ## O ciclo ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` Este fluxo rigorosamente unidirecional significa que toda mudança de estado é o resultado de uma ação despachada processada por uma função pura — completamente rastreável. ## Usando no React ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## Por que essas restrições? ```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 ``` (Nota: o Redux moderno usa **Redux Toolkit**, que reduz drasticamente o boilerplate mantendo esses conceitos.) ## Por que isso importa Os conceitos principais do Redux — único store, ações, redutores puros, fluxo unidirecional — tornam o estado da aplicação **previsível e rastreável**, que é seu principal valor para aplicações grandes. Entender store/action/reducer/dispatch/select é essencial para as muitas bases de código que usam Redux, e os princípios (immutable updates, pure reducers, unidirectional flow) se repetem em praticamente todas as bibliotecas de estado. O trade-off é boilerplate, que Redux Toolkit resolve enquanto preserva esses fundamentos.