> For the complete documentation index, see [llms.txt](https://johnkazer.gitbook.io/core-web-dev-concepts/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://johnkazer.gitbook.io/core-web-dev-concepts/statecharts-and-statemachines.md).

# StateCharts and StateMachines

I created [a demo](https://github.com/johnkazer/hyperapp-xstate-demo) for how to integrate statecharts into Hyperapp. A [blog post](https://dev.to/johnkazer/use-maths-not-process-for-reliable-web-apps-1bmm) on the subject.