Nivel Básico
16 clases
2 horas de contenido
8 horas de práctica
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
Profes del curso
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.
Opiniones del curso
4.6 · 126 opiniones
Eduardo Peredo Rivero
@eperedo·
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
@rowinbot·
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
@jahikerrojas·
Super interesante el curso, sin duda me gustaría una segunda parte para ver mas aplicaciones de las maquinas de estado.
Juan Castro
@juandc·
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
@luisitohabla·
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
@devferx·
👏 Excelente curso, me gusto como se trata de explicar cada concepto con la mayor exactitud posible y con ejemplos
Jairo Campos Ruiz
@jairocamposruiz·
Un curso muy recomendable, te brinda una herramienta muy poderosa cuando tienes flujos complejos dentro de una aplicación.
Gabriela Patricia Rodriguez
@gabrielapatriciarodriguez·
Me encanto la herramienta.
Yair Enrique Urango Tovio
@desarrollador.az·
Buen curso
Hector Jose Flores Colmenarez
@hecto932·
El curso estuvo excelente, muy bien explicado por la profesora, solo un poco desactualizado para la fecha, pero los cambios a realizar y continuar avanzando son minimos.
@carlos.galan·
Bien explicados desde los conceptos a la práctica
Msderam
@msderam·
Excelente curso, practico y simple.
Betty Rossana Jimenez Cedeño
@Bettyrjc·
muy buena explicaacion
Emanuel Garcia
@garcodas·
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.
Eduard Arias
@eduard-arias·
Excelente curso. Los estados son siempre una secuencia de información que pueden ser requeridas cuando modelamos un proceso
Elam Vera
@tylam·
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
@jorgeacalambas·
excelente
Lautaro Toledo
@lautaro.toledo·
buen curso
Emilio Nicolás Mendoza Patti
@nico274·
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
@cerm88·
Excelente curso, no solamente para react sino para utilizar este concepto en otros frameworks de manera similar. Excelente profe.
José Yesid López
@Joyelocode·
Muy buen curso y bien explicado
Max Andy Diaz Neyra
@maxzen·
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
@mijahilbarra·
Excelente herramienta, todos deberían conocer XState
Jeferson Arturo Cancimance Yaqueno
@jefercanya·
Excelente curso!
JULIAN ALEJANDRO CARVAJAL GARCIA
@alejandro369g·
:)
Alejandra Niño Galindo
@yuri.nino·
poder recrear mi propia maquinada de estado y practicar las enseñanzas de la docente.
Alberto Torres
@donnis1998·
Excelente
Laura Maritza Romero Triana
@lromerot·
Gracias
Juan Antonio Hernández Fernández
@jhern16·
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
Juan Carlos Montilla Sánchez
@juancodev·
No sabía que existían las máquinas de estados y es muy bueno saberlo y cómo utilizarlo. Gracias por esa explicación tan corta y precisa
Eleva tu aprendizaje
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>!
Ruta
Full Stack con Next.js
21 horas
2 Profes
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.
Ruta
TypeScript
10 horas
2 Profes
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.
Ruta
JavaScript para Backend
15 horas
3 Profes
Aprende a crear servidores escalables y seguros con Node.js. Integra bases de datos, autenticación y comunicación en tiempo real.
Ruta
Fundamentos de JavaScript
22 horas
5 Profes
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.
Ruta
JavaScript para Frontend
32 horas
4 Profes
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.
Ruta
Frontend con Angular
49 horas
1 Profe
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender