
Aprende a diagramar e implementar flujos con máquinas de estado en React.js usando XState. Desarrolla un proyecto práctico gestionando estados complejos, servicios y más, mejorando tus habilidades en desarrollo de interfaces interactivas.
Clases del curso
Machines 101
Machines 102
Cierre
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.

Conoce quién enseña el curso

Estefany Salas
Product Manager y Teacher in-house de Platzi
✨ Product Manager
💻 Amante de React.js
💚 Platzi Team
Proyecto del curso

Book a fly
Empieza creando el bosquejo de tu propia máquina de estado con el cual crearás el flujo de comprar boletos para un vuelo, considerando que puedes agregar múltiples pasajeros, cancelar en cualquier momento la compra y volver al estado inicial, también debe tener un listado de vuelos para seleccionar.
Mira las primeras 3 clases sin costo en este momento
4.6 · 123 opiniones


Eduardo Peredo Rivero
Muy buen curso, ejemplos muy claros para poder entender los beneficios de usar máquinas de estado. Gran profesora explica todos los puntos de manera muy sencilla.


Rowin Kaleb Hernandez Fagundez
Estuvo interesante el curso, sin embargo le faltó material. Se puedo haber aprovechado la oportunidad para hablar de máquinas de estados a nivel de algoritmos para entrar en contexto, hablar de la teoría del autómata y dar ejemplos de diagramas de estado como tales y no específicamente los de XState nada más


Jahiker Rojas
Super interesante el curso, sin duda me gustaría una segunda parte para ver mas aplicaciones de las maquinas de estado.


Juan Castro
Dude, qué curso tan bueno. Las máquinas de estado son super útiles para crear flujos de información y navegación predecibles (y por ende super ágiles de debuggear). Estefany lo explicó de maravilla. ¡Muchas gracias! :D


Luis Evelio Garcia Rodriguez
Una explicacion muy clara acopañadad de ejemplos y practca, un muy buen curso para seguir subiendo el nivel en desarrollo con reactjs


Fernando Quinteros Gutierrez
👏 Excelente curso, me gusto como se trata de explicar cada concepto con la mayor exactitud posible y con ejemplos


Jairo Campos Ruiz
Un curso muy recomendable, te brinda una herramienta muy poderosa cuando tienes flujos complejos dentro de una aplicación.


Gabriela Patricia Rodriguez
Me encanto la herramienta.


Yair Enrique Urango Tovio
Buen curso


Miguel Sosa
El curso estuvo super interesante y la profesora es bastante buena, aunque por momentos se sintió confuso, al repetirlo todo quedó super claro


Bien explicados desde los conceptos a la práctica


Jazziel Horacio Puente Verdugo
Muy buen curso es una herramienta que no sabía que existía


Emanuel Garcia
Excelente curso. Me ayudo bastante a entender como puedo manejar mejor el estado en mi aplicación de React. Me gusta también que no fue tan largo como los curso anteriores.

Armando Cruz Vidal
Destaco como aspectos sobresalientes del curso de máquinas de estado la oportunidad de adquirir conocimientos prácticos y teóricos sobre el uso de la librería XState, así como la claridad y coherencia con la que la profesora abordó los temas, lo cual facilitó notablemente la comprensión y el aprendizaje.


Eduard Arias
Excelente curso. Los estados son siempre una secuencia de información que pueden ser requeridas cuando modelamos un proceso


Elam Vera
Conocer esta herramienta que puede ser de mucha utilidad para tener mas control en la transición de estados es increíble

JORGE ADOLFO CALAMBAS CERON
excelente


Buen curso, recomendado

José Yesid López
Muy buen curso y bien explicado

Mijahil Barra Li
Excelente herramienta, todos deberían conocer XState


Oscar Adrián Martínez Cavazos
Me gusto mucho el curso, la profesora explica muy bien y va paso a paso con los temas.


Juan Pablo Cortés
10/10

Pablo Lezcano
Cuando tenemos un sistema con un flujo muy grande, nos facilita su uso.


Jeferson Arturo Cancimance Yaqueno
Excelente curso!


Naudys Reina
Excelente!


Raycris Maldonado
muy buen curso, aunque no conocia nada de las maquinas de estados por lo menos me puedo llevar una noción de lo que son


Leonardo Rodriguez
Conlleva un desarrollo de lógica interesante, ojalá desarrollen más cursos o retos utilizando esta herramienta.


Christian Valenzuela
Muy buena profesora!


Laura Maritza Romero Triana
Gracias


Juan Antonio Hernández Fernández
El curso nos muestra una buena herramienta para trabajar con varios estados dentro del mismo archivo, mejorando la legibilidad y el entendimiento de las transiciones
Complementa este curso con nuestras rutas de aprendizaje

Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.




Full Stack Developer con JavaScript
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.




Full Stack con Next.js
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.




Laboratorios de Desarrollo Web
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.




Especialización en Accesibilidad Web
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.




Python: De Cero a Experto
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.




Frontend con Vue.js
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.




Backend con Node.js
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.




Backend, Arquitectura y Bases de Datos
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.




Backend con PHP
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.




Technical Writing
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.




JavaScript para Frontend
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.




Frontend con Angular
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.




Backend con Java
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.




Seguridad Informática para Web Developers
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.




QA y Automatización de Pruebas
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.




Inteligencia Artificial para Developers
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.




Fundamentos de Programación y Desarrollo Web
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.




Full Stack con WordPress
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.




Frontend con React.js
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender