🎛️
Hooks

useReducer

Alternativa ao useState para estados complexos com múltiplas transições — padrão Redux local.

Definição

useReducer é um hook que recebe (reducer, initialState) e retorna [state, dispatch]. O reducer é uma função pura (state, action) => newState. Ideal quando o próximo estado depende do anterior, ou quando há múltiplas transições relacionadas.

🔴 Problema

Múltiplos useState entrelaçados (quando mudar A, resetar B, validar C) ficam confusos e propensos a bugs de sincronização.

Solução

Centralizar a lógica em um reducer puro. As transições ficam explícitas e testáveis. dispatch(action) é mais previsível que múltiplos setState.

💡 Dica Senior

Para estado simples (1-2 valores independentes), useState. Para estado complexo (objeto com múltiplos campos relacionados), useReducer.

Perguntas de Entrevista

🔗 Termos do dicionário
23/48