CursosEmpresasBlogLiveConfPrecios

Máquinas de Estado: Implementación en Proyectos Reales

Clase 15 de 15 • Curso de State Machines en React.js

Clase anteriorSiguiente clase

Contenido del curso

Introducción a las máquinas de estado
  • 1
    Máquinas de Estado: Conceptos y Uso en React con Xstate

    Máquinas de Estado: Conceptos y Uso en React con Xstate

    02:16
  • 2
    Conceptos Básicos de Diagramas de Estado y Transiciones

    Conceptos Básicos de Diagramas de Estado y Transiciones

    02:20
  • 3
    Introducción a Xstate: Gestión de Máquinas de Estado Interactivas

    Introducción a Xstate: Gestión de Máquinas de Estado Interactivas

    03:33
  • 4
    Diseño de Máquinas de Estado para Reservas de Vuelos

    Diseño de Máquinas de Estado para Reservas de Vuelos

    07:25
Machines 101
  • 5
    Creación de Proyecto React con Máquina de Estados XState

    Creación de Proyecto React con Máquina de Estados XState

    06:33
  • 6
    Propiedades y Métodos de XState: Manejo de Estados Avanzado

    Propiedades y Métodos de XState: Manejo de Estados Avanzado

    09:14
  • 7
    Tipos de Transiciones en Máquinas de Estados Finite

    Tipos de Transiciones en Máquinas de Estados Finite

    06:36
  • 8
    Implementación de Eventos y Transiciones en Máquinas de Estado

    Implementación de Eventos y Transiciones en Máquinas de Estado

    13:30
Machines 102
  • 9
    Implementación de Acciones en Máquinas de Estado Finito

    Implementación de Acciones en Máquinas de Estado Finito

    07:08
  • 10
    Manipulación del Contexto en XState: Inicialización y Actualización

    Manipulación del Contexto en XState: Inicialización y Actualización

    09:40
  • 11
    Máquinas de Estado: Jerarquías y Paralelismo

    Máquinas de Estado: Jerarquías y Paralelismo

    07:54
  • 12
    Implementación de Servicios y Solicitudes HTTP en Proyectos

    Implementación de Servicios y Solicitudes HTTP en Proyectos

    12:07
  • 13
    Validación de Pasajeros y Visualización en Ticket Final

    Validación de Pasajeros y Visualización en Ticket Final

    05:06
Cierre
  • 14
    Despliegue de Proyectos en GitHub Pages paso a paso

    Despliegue de Proyectos en GitHub Pages paso a paso

    03:43
  • 15
    Máquinas de Estado: Implementación en Proyectos Reales

    Máquinas de Estado: Implementación en Proyectos Reales

    00:31

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads
      Andrés Gama

      Andrés Gama

      student•
      hace 3 años
        Gustavo Adolfo Ramírez Apache

        Gustavo Adolfo Ramírez Apache

        student•
        hace 3 años
      Gilbert Ardila

      Gilbert Ardila

      student•
      hace 3 años
      Bryan David Castañeda Aranzales

      Bryan David Castañeda Aranzales

      student•
      hace 3 años
      Stiven Castillo Montero

      Stiven Castillo Montero

      student•
      hace 3 años
      Santiago Lopera Naranjo

      Santiago Lopera Naranjo

      student•
      hace 3 años
      Harold Zurita Simon

      Harold Zurita Simon

      student•
      hace 4 meses
      Enrique Aguilera

      Enrique Aguilera

      student•
      hace 2 años
        Max Andy Diaz Neyra

        Max Andy Diaz Neyra

        student•
        hace 2 años
      Rubén Ernesto Aragón Gil

      Rubén Ernesto Aragón Gil

      student•
      hace 3 años
      Carlos Antonio Castillo Blas

      Carlos Antonio Castillo Blas

      student•
      hace 3 años
      Joalex Urdaneta

      Joalex Urdaneta

      student•
      hace 3 años

      Me encanto el curso, pero me gustaría saber en que momentos es recomendable utilizar State Machines y que ventajas puede llegar a tener con redux u otros manejadores de estado? Es recomendable en grandes proyectos ? Gracias!

      Solo te puedo responder lo de grandes proyectos, la respuesta es sí, por ejemplo, en walmart y play station usábamos state machines, en play station lo usábamos para crear torneos, el state machine básicamente se encargaba de la lógica del torneo desde el comienzo hasta que terminaba el torneo y se reiniciaba, ahora con respecto a los casos de uso y porque no usar redux por ejemplo si me queda un poquito la duda.

      M epareció muy bueno el curso, me guataría un curso con un proyecto más amplio para poder aprovechar al maximo las ventajas de los state machines, aquí les dejo mi proyecto marvelMachine https://jolly-mermaid-838247.netlify.app/

      marvelMachine.png

      Me queda la duda sobre en que momentos usar los state machines porque para mi me parecen una alternativa muy amigable a redux.

      Al curso le faltó explicar los modelos, aquí dejo un post que encontré para entender un poco más con un ejemplo

      https://timdeschryver.dev/blog/building-incremental-views-with-xstate-parallel-states?#a-small-detour-to-machine-models

      Gran curso! excelente explicación. 🚀💚

      Buen curso! ☺️

      Les compartoi mi proyecto hecho en typescript

      https://github.com/tesapoeitor/platzi-flight-booking-app

      Muchas gracias por el repo, pude tomar ideas para el mio.

      Buen curso, profa. Gracias.

      https://carloscacb333.github.io/state-machine/

      ¡Gracias profe! Excelente curso, y ciertamente; new skill!

      Probaré como se mueve XState en una api rest con Express :)