Store
App
List
Nav
Cart
🔄
ReduxZustandJotaiTanStack Query
Aprende a manejar estado complejo en aplicaciones React. Desde Context API hasta Redux, Zustand y estado del servidor con TanStack Query: elige la herramienta adecuada para tu caso.
Tutorial Gratis
Gestión de Estado en React - Guía completa
Domina la gestión de estado en aplicaciones React. Aprende la Context API, librerías populares como Redux, Zustand y Jotai, además de soluciones de estado del servidor como TanStack Query y SWR.
📋 Requisitos previos
Antes de profundizar en gestión de estado, deberías sentirte cómodo con React: componentes, hooks (useState, useEffect, useReducer) y props.
Temas (11 lecciones)
1→
Introducción a la Gestión de Estado
Qué es la gestión de estado y por qué es importante en aplicaciones React
2→
React Context API
Compartición de estado integrada usando Context API de React y el hook useContext
3→
Redux
Contenedor de estado predecible con acciones, reducers y un store único
4→
Redux Toolkit
El conjunto de herramientas oficial y opinado para desarrollo eficiente de Redux
5→
Zustand
Una solución de gestión de estado pequeña, rápida y escalable con mínimo código repetitivo
6→
Jotai
Gestión de estado atómica primitiva y flexible para React
7→
Recoil
Biblioteca experimental de gestión de estado de Facebook con átomos y selectores
8→
MobX
Gestión de estado simple y escalable con observables y reacciones
9→
TanStack Query (React Query)
Potente gestión de estado del servidor con caché, actualizaciones en segundo plano y más
10→
SWR
React hooks para obtención de datos con estrategia stale-while-revalidate por Vercel
11→
Comparación de Gestión de Estado
Comparando diferentes soluciones de gestión de estado y eligiendo la correcta
Recursos de aprendizaje relacionados
La gestión de estado se apoya en los fundamentos de React. Explora estos temas para profundizar.