A collection of awesome resources regarding the XState library and Statecharts.
https://github.com/davidkpiano/xstate
XState is a library for creating, interpreting, and executing statecharts. Statecharts are a formalism for modeling stateful, reactive systems. - David Khourshid
- Erik Mogensen - Welcome to the world of Statecharts
- Concepts, in official docs - Article touches on Finite State Machines, Statechart formailsm and the Actor model
- Glutnix/xstate-vue-calculator - Calculator
- State-driven interfaces with XState - Brad Woods, Mar 2020
- Redux is half of a pattern (1/2) - David Khourshid, 2020
- No, disabling a button is not app logic - David Khourshid, 2019
- The (Switch)-Case for State Machines in User Interfaces - David Khourshid, 2018
- Robust React User Interfaces with Finite State Machines - David Khourshid, 2018
- State Machines in React - Dave Geddes
- Finite State Machines in Vue - Phillip Parker
- 24 days to learn statecharts #devadvent - series of 25 blog posts, Statecharts, Typescript
- Model-Based Testing in React with State Machines - David Khourshid, 2020
- Extensive examples of XState features with and without React. - Brad Woods ( Updated often )
- David Khourshid - Reactive State Machines and Statecharts | Uphill Conf 2019 - Youtube, duration 21:25
- David Khourshid - Simplifying Complex UIs with Finite Automata & Statecharts | JSConf Iceland 2018 - Youtube, duration 34:27
- David Khourshid - Reactive State Machines and Statecharts - ReactiveConf 2018 Youtube, duration 28:50
- David Khourshid - Infinitely Better UIs with Finite Automata - ReactRally 2017 Youtube, duration 25:32
- XState - An introduction - Finite State Machines in React - Leigh Halliday Youtube, duration 8:00
- XState - Data Loading Service - Finite State Machines in React - Leigh Halliday Youtube, duration 18:54
- XState PlantUML by Erik Mogensen, given an XState definition (JS Object) of a statechart, this tool will output a plantuml source rendering of the statechart.
- XState Chrome Devtool Inspect XState machines running in your app
- Sketch Systems - design and understand state, export result to xState machine object
- XState Codegen - generate 100% typesafe Typescript code with a CLI
- Statecharts - A Visual Formalism For Complex Systems (PDF) - David Harel, 1984
- World of Statecharts a comprehensive guide by Erik Mogensen in using statecharts in your applications
- Statechart Autocoding for NASA's Curiosity Rover, model based systems engineering
- A humble repo to collect knowledge on state machines. - Andrew Chou
- How I Learned to Stop Worrying and ❤️ the State Machine - Reginald Braithwaite, 2018
- You are managing state? Think twice. - Krasimir Tsonev, 2017
- A composable pattern for pure state machines with effects (draft v3) - Andy Matuschak, 2016
- Creating CSS State machines - David Khourshid
- Why Developers Never Use State Machines - Alan Skorkin, 2018
- Why developers should be force-fed state machines - Willem van Bergen (engineering at shopify) 2011
- The case for statechart and xstate -- why it matters and how we can benefit from it - Jeremy Lu (StateKit)
- A composable pattern for pure state machines with effects - draft 3 - Andy Matuschak