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 · 125 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.
Daniel Salinas
@danielorlandosalinas935·
Bueno!
Sebastián Andrés Sanhueza Tapia
@SukuShaing·
Está muy bueno el curso, algunas clases parecen estar cortadas
Miguel Sosa
@Mikezen·
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
@juncaper0123·
genialm el curso, hasta ahora empizo y que genial encotrtar docentes asi, gracias
Guillermo Rojas
@ingguillermorojas30·
Excelente curso
Jazziel Horacio Puente Verdugo
@SpeedH·
Muy buen curso es una herramienta que no sabía que existía
@jtm789·
Excelente curso. Gracias Muchas gracias Estefany. 💚
Lautaro Toledo
@lautaro.toledo·
buen curso
Mauricio Combariza
@mauriciocombariza·
Muy buen curso y bien explicado, quedo a la espera de un curso mas avanzado, ojala con next js
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.
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
Diego Portillo
@diegoportillo93·
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
@jpcortes·
10/10
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
Raycris Maldonado
@raycrismaldonado·
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
@chrisvalprogra10·
Muy buena profesora!
Laura Maritza Romero Triana
@lromerot·
Gracias
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