Repository files navigation

This repo serves as a resource for any developer curious aboutstate machines andstatecharts. I've heard developers thatwant to use state machines, but have not found the "perfect reason" to utilize them. Now the "perfect reason" is easier to find. 😉

• Each example is in it's own directory.
• Each example is a small application created withCreate React App/vue-cli/Svelte Template,Xstate,tailwind,React Testing Library/Vue Testing Library/Svelte Testing Library, andcypress.
• Each example has a README with link to thexstate visualization tool for that example's state machine/statechart.
• Each example usesmodel-based testing and state machine/statechart best practices.

• Trivia GameReact |Vue |Svelte

• React Native "Simon Says" game
• Authentication flow
• Welcome/walkthrough flow
• Todos
• Ticket selection and payment flow
• Stepped form/wizard
• Medium-like article creation/updating

• Guards: Trivia GameReact |Vue |Svelte
• Transient Transitions: Trivia GameReact |Vue |Svelte
• Invoking Services (Promises): Trivia GameReact |Vue |Svelte

• Xstate documentation
• Statecharts community
• World of Statecharts