JavaScript State Machines and Statecharts with XState. In this workshop, you will:
- Learn fundamental computer science principles
- Represent complex logic clearly
- Prevent impossible states and detect edge-cases
- Identify and eliminate edge cases
- Visualize your logic as state machine diagrams
- GitHub repo: https://github.com/davidkpiano/xstate
- Documentation: http://xstate.js.org/docs
- Visualizer: http://xstate.js.org/viz
To run this workshop:
- Clone this repo
- You need to have
parcelinstalled. To do this, runnpm install -g parcel-bundler. - In the repo's directory, run
npm install - Run
npm start. You should see this:
Server running at http://localhost:1234- Navigate to http://localhost:1234/00/index.html.
Below you can find the examples in this presentation.
If you get lost, refer to the index.final.js file in each directory.
To navigate to a rendered examples in the browser, change the directory in the URL (http://localhost:1234/[dir]/index.html). The first lesson is located at http://localhost:1234/00/index.html.