Tutoriels

🆕 Veuillez consulter Ressources pour une liste à jour des diverses ressources XState collectées sur le Web !

Articles

• XState - a TypeScript state machine with a lot of features (opens new window) par Frank Quednau
• Un aperçu de la création de machines d'état avec XState et TypeScript
  • Incluant un exemple React complet (opens new window)
• Creating a Complex IVR System with Ease with XState (opens new window) par Yonatan Mevorach
  • Tutoriel sur la création d'un système IVR (réponse vocale interactive) avec XState, Express et Nexmo
• My love letter to XState and statecharts ♥ (opens new window) par Tim Deschryver (opens new window)
  • Aperçu des avantages et de l'expérience du développement avec XState
  • Incluant un projet de démoxstate-table (opens new window) en utilisant exactement la même machine XState dans les langages suivants :
    • Angular (opens new window)
    • React (opens new window)
    • Svelte (opens new window)
    • Vue (opens new window)
• Finite State Machines in React JS using XState (opens new window) par Sooraj Nair (opens new window)
  • Explication de ce que sont les machines à états finis, ainsi qu'un tutoriel sur la construction d'un flux d'authentification simple avec React (composants de classe)
  • Avec des captures d'écran pour générer des visualisations de machine
• Vuex + XState (opens new window) by Brock Reece (opens new window)
  • Un bel et court article sur l'utilisation de XState avec Vuex
  • N'utilise pas services, mais utilise un simple Machine(...).
  • Voir les recettes Vue.js pour plus d'informations sur l'intégration de XState avec Vue
• Getting Started with XState (opens new window) par Viet Nguyen (opens new window)
  • Un exemple d'utilisation de XState avec NextJS
• Chatbot PureUI avec Xstate + React (opens new window)
  • construire un chatbot en utilisant XState et reactjs

Vidéos

• ▶ Introduction to XState (opens new window) by Jon Bellah
• ▶ Introduction to State Machines Using XState (opens new window) by Kyle Shevlin
• ▶ Let's learn state machines with David K. Piano - Learn With Jason (opens new window) avec Jason Lengstorf
• ▶ State Machines (playlist) (opens new window) par Leigh Halliday
  1. ▶ XState - An Introduction - Finite State Machines in React (opens new window)
  2. ▶ XState - Data Loading Service - Finite State Machines in React (opens new window)
  3. ▶ XState - Video Player & Nested States - Finite State Machines in React (opens new window)
• ▶ Managing Complex UI with XState (opens new window) par Xavier Lozinguez à React NYC
  • Demo (CodeSandbox) (opens new window)
• ▶ Drawing Apps with XState V4 (opens new window) par Shawn McKay au meetup ReactJS Vancouver
• ▶ Standing on the Shoulders of Giants. Development With XState (opens new window) par Brad Woods
• ▶ Using Finite State Machines To Develop Your React App (opens new window) par Lucas Reis au React NYC
• ▶ Quick Introduction to XState (opens new window) par Bhargav Ponnapalli
• ▶ How XState Helps You Think (opens new window) par Swizec Teller
• ▶ Improving State Representation by using XState in React (opens new window) par Jon Condon
• ▶ MobX with XState (opens new window) par Daria Whitecastle à la Conférence React Denver
• ▶ Rambling Thoughts on React and Finite State Machines (opens new window) par Ryan Florence
• ▶ Intro to State Machines in JavaScript - Part 1 (opens new window) par David Lopez
  • ▶ Part 2 (opens new window)
• ▶ State Machines Meet React Hooks (opens new window) par Zain Fathoni au JSConf.Asia 2019