
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
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.
4.6 · 125 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.


Daniel Salinas
Bueno!


Sebastián Andrés Sanhueza Tapia
Está muy bueno el curso, algunas clases parecen estar cortadas


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


Juan Camilo Aponte Palacio
genialm el curso, hasta ahora empizo y que genial encotrtar docentes asi, gracias


Guillermo Rojas
Excelente curso


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

Excelente curso. Gracias Muchas gracias Estefany. 💚


Lautaro Toledo
buen curso

Mauricio Combariza
Muy buen curso y bien explicado, quedo a la espera de un curso mas avanzado, ojala con next js


Emilio Nicolás Mendoza Patti
Me gusto el curso, la herramienta esta muy buena, aunque siento que existen otras para responder a la misma necesidad, esta bueno tener otra herramienta mas en la caja por eso pienso que es un buen curso por si en el futuro nos encontramos una implementacion asi en algun trabajo.


Carlos Rodríguez
Excelente curso, no solamente para react sino para utilizar este concepto en otros frameworks de manera similar. Excelente profe.


Max Andy Diaz Neyra
Excelente docente porque enseña de forma clara y amena. Ojala desarrolle ella un curso de Xstate avanzado profundizando en el uso de esta genial herramienta.

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


Diego Portillo
Muy interesante para organizar los estados de forma dinámica y centralizada, en lugar de tener las variables de estado dispersas por la aplicación.


Juan Pablo Cortés
10/10


Jeferson Arturo Cancimance Yaqueno
Excelente curso!


JULIAN ALEJANDRO CARVAJAL GARCIA
:)


Alejandra Niño Galindo
poder recrear mi propia maquinada de estado y practicar las enseñanzas de la docente.


Alberto Torres
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


Christian Valenzuela
Muy buena profesora!


Laura Maritza Romero Triana
Gracias
Complementa este curso con nuestras rutas de aprendizaje

JavaScript
La Escuela de JavaScript de Platzi es nuestra más completa colección de cursos, proyectos y actividades colaborativas. JavaScript se consolida como el lenguaje de programación más utilizado en el mundo, siendo la herramienta para creación de páginas web dinámicas, aplicaciones web y software moderno de mayor demanda laboral. Arranca con los Fundamentos de JavaScript, manipula el DOM, crea Web Componentes con JavaScript Vanilla y conviértete en Frontend Developer con bibliotecas y frameworks más utilizados como Angular, Vue.js y React.js. También, refuerza tus habilidades como Backend Developer con Node.js o Express.js. <br /> <br /> ¡Comienza hoy con el <a style="color: #32b1fe;font-weight: bold;" href="/cursos/javascript/?utm_source=escuela-javascript">Curso de Fundamentos de JavaScript</a>!




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.



TypeScript
Mejora la calidad de tu código con TypeScript. Aprende tipos avanzados y programación orientada a objetos para proyectos robustos.Aumenta la seguridad de tu código con TypeScript.




JavaScript para Backend
Aprende a crear servidores escalables y seguros con Node.js. Integra bases de datos, autenticación y comunicación en tiempo real.




Fundamentos de JavaScript
Domina las bases de JavaScript, manipula el DOM y mejora la interactividad de tus proyectos. Utiliza Web APIs, escribe código seguro y escalable con TypeScript.




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.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender