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

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