State Modeling in Svelte with XState
Welcome to the port of the Frontend Masters React + XState workshop written in Svelte and built with SvelteKit!
You can check out
- the application on Vercel, and
- the course on Frontend Masters.
XState
- GitHub repo: https://github.com/statelyai/xstate
- Documentation: http://xstate.js.org/docs
- Visualizer: http://xstate.js.org/viz
Getting Started
To run this workshop:
- Clone this repo
- Run
npm install - Run
npm run dev - Navigate to http://localhost:4000/00 to get to the first exercise.
Exercises
Exercises are separated by directory in workshop/exercises/##/. Each directory will contain a README.md describing the goal of the exercise, as well as tips and comments in the Timer.svelte and timerMachine.js files.
Your objective is to accomplish the goals in README.md. If you get stuck, refer to the timerMachine.final.js file and/or import Timer.final.svelte in routes/exercises/[number]/+page.js.
