jacobworrel/frontend-masters-xstate-v2

Frontend Masters XState Workshop v2

State Machines & XState Workshop

Welcome to the Frontend Masters workshop on JavaScript State Machines and Statecharts with XState, v2! In this workshop, we will be learning about software modeling with state machines and statecharts by building a real-world media player application.

• GitHub repo: https://github.com/statelyai/xstate
• Documentation: https://xstate.js.org/docs
• Visualizer: https://stately.ai/viz
• Community: https://discord.gg/xstate

Getting Started

1. Run npm install or yarn install
2. Run npm run dev or yarn dev
3. Navigate to any of the exercises:

• 00-modeling
• 01-states-transitions
• 02-actions
• 03-context
• 04-guards
• 05-compound-states
• 06-parallel-states
• 07-final-states
• 08-history-states
• 09-actors
• 10-testing