Frontend com React
🗂️ useReducer e Context
Gerencie estado complexo com useReducer, compartilhe dados entre componentes com a Context API e aprenda a elevar o estado ao ancestral comum.
O que você vai aprender
- Centralizar a lógica de estado complexo em um reducer
(state, action) => nextStatee enviar ações comdispatch - Compartilhar dados entre componentes distantes com
createContext,ProvidereuseContext, evitando o prop drilling - Elevar o estado ao ancestral comum e passar dados e callbacks por props para compartilhá-lo entre os filhos
- Distinguir quando
useReduceré preferível auseState
Lições
useReducer: estado com transições clarasCentralizar a lógica de atualização em um reducer. Context API: evitar o prop drillingCompartilhar dados sem passá-los por cada nível. Elevar o estado (lifting state up)O estado no ancestral comum; dados e callbacks por props.Pratique este módulo no app
O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.
Comece grátis no app →