Frontend con React
🗂️ useReducer y Context
Gestiona estado complejo con useReducer, comparte datos entre componentes con la Context API y aprende a elevar el estado al ancestro común.
Qué aprenderás
- Centralizar la lógica de estado complejo en un reducer
(state, action) => nextStatey enviar acciones condispatch - Compartir datos entre componentes lejanos con
createContext,ProvideryuseContext, evitando el prop drilling - Elevar el estado al ancestro común y pasar datos y callbacks por props para compartirlo entre hijos
- Distinguir cuándo conviene
useReducerfrente auseState
Lecciones
useReducer: estado con transiciones clarasCentralizar la lógica de actualización en un reducer. Context API: evitar el prop drillingCompartir datos sin pasarlos por cada nivel. Elevar el estado (lifting state up)El estado en el ancestro común; datos y callbacks por props.Practica este módulo en la app
DevPath es un curso práctico: aquí lees la teoría; en la app la pones en práctica con ejercicios que se ejecutan de verdad, sin conexión.
Empezar gratis en la app →