Módulo 05
Estado Global y React Router
Navega entre pantallas con React Router, parámetros de URL y rutas protegidas. Gestionarás estado global con Context y Zustand, evitando el prop drilling y manteniendo la UI sincronizada.
23 clases
Lecciones del módulo
23 en total
- 01Qué es React Router y por qué usarlo
- 02Cómo crear rutas con React Router
- 03Link y hooks useNavigate y useLocation de React Router
- 04Parámetros en React Router con useParams
- 05Trabajando en los estilos del detalle de cada empleo
- 06Navegación a la página de detalle
- 07Ejercicio: terminar de estilar la página de detalle
- 08Hook useSearchParams de React Router
- 09Técnica de lazy load en las rutas
- 10Estilos activos con NavLink
- 11Ejercicios de refuerzo: detalle, paginación y filtros
- 12Autenticación y Prop Drilling
- 13Introducción a React Context
- 14Optimizando el código del Contexto
- 15Usar use en lugar de useContext
- 16Prop Drilling vs Context API
- 17Qué pasa con Redux y por qué hoy casi nunca lo necesitas
- 18Introducción a Zustand para estado global
- 19Store de favoritos con Zustand
- 20Integrar un store de favoritos en la UI
- 21Sincronización del estado global y logout limpio
- 22Rutas protegidas con React Router y estado global
- 23Quitar la persistencia de favoritos al cerrar sesión