Contenido del curso
Introducción a nuestro proyecto
¡Atraparlos ya!
React.js + Redux
Middlewares
Avanzando la ui
Inmutabilidad
Avanzado
Despedida del curso
Curso profesional de React JS y Redux
Resumen
Si quieres dominar React JS y Redux a nivel profesional, este recorrido te muestra cómo manejar el estado de tus aplicaciones con middlewares personalizados, inmutabilidad y un ciclo de vida claro. Está pensado para desarrolladores frontend que ya conocen las bases y buscan resolver problemas reales de arquitectura.
¿Quién guía el curso profesional de React y Redux?
La instructora es María Angélica Useche, front-end developer en Platzi y licenciada en Computación con más de cinco años de experiencia en desarrollo web. También participa en comunidades como Tecno Latinas y Platzi Master, lo que aporta una mirada cercana al ecosistema hispano de desarrollo.
Conocer el perfil de quien enseña importa porque el enfoque será práctico, orientado a problemas que aparecen en proyectos reales de frontend.
¿Qué temas de Redux verás en el curso?
El plan de estudio combina repaso conceptual con implementación práctica. Vas a revisar los fundamentos y luego escalar hacia patrones más avanzados que se usan en aplicaciones de producción.
Estos son los bloques principales que cubrirás:
- Repaso de los conceptos claves de Redux, para asentar la base antes de avanzar.
- El ciclo de vida de Redux, entendiendo cómo fluyen las acciones y se actualiza el estado.
- Comparación entre Redux y Context API, una propuesta nativa de React para compartir estado.
- Uso de custom middlewares para resolver problemas específicos de tu aplicación.
- Construcción de un estado inmutable, clave para evitar bugs difíciles de rastrear.
Todo esto se integra en un proyecto donde aplicarás distintos tipos de middlewares en contexto.
¿Qué es un middleware en Redux? Es una función que se coloca entre el dispatch de una acción y el momento en que llega al reducer. Sirve para interceptar acciones, ejecutar lógica adicional como llamadas asíncronas o logs, y luego dejar que el flujo continúe.
¿Por qué comparar Redux con Context API?
React ofrece Context API como solución nativa para pasar datos a través del árbol de componentes sin prop drilling. Redux, en cambio, propone un store centralizado con reglas estrictas sobre cómo modificar el estado.
Entender cuándo conviene cada uno te ahorra sobreingeniería. No toda aplicación necesita Redux, y no todo Context API escala bien.
¿Cuándo usar Redux en lugar de Context API? Usa Redux cuando tu aplicación tiene estado global complejo, muchas actualizaciones frecuentes o necesitas herramientas como middlewares y time travel debugging. Context API funciona mejor para datos que cambian poco, como tema, idioma o sesión.
¿Qué es la inmutabilidad y por qué importa en Redux?
Un estado inmutable significa que nunca modificas directamente el objeto de estado existente, sino que creas uno nuevo con los cambios aplicados. Redux depende de esta práctica para detectar cambios de forma eficiente y disparar renderizados predecibles.
En el proyecto del curso vas a construir esa inmutabilidad de forma explícita, lo que te da control sobre cómo se transforma tu estado en cada acción.
¿Necesitas conocimientos previos antes de empezar?
Sí. Al ser un curso profesional, asume que ya tienes claros los fundamentos. La recomendación directa es ver primero el curso básico de Redux, disponible en la sección de recursos, para que llegues con la base lista.
Si vienes de proyectos en React donde el estado se te empezó a complicar, estás en el momento ideal para dar este paso. Cuéntame en los comentarios qué problema de estado quieres resolver con Redux.