https://github.com/davidkpiano/frontend-masters-react-workshop
Code for the Frontend Masters React State Modeling Workshop
https://github.com/davidkpiano/frontend-masters-react-workshop
react state state-machine state-management workshop xstate
Last synced: 6 months ago
JSON representation
Code for the Frontend Masters React State Modeling Workshop
- Host: GitHub
- URL: https://github.com/davidkpiano/frontend-masters-react-workshop
- Owner: davidkpiano
- License: mit
- Created: 2020-10-24T03:13:47.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-29T20:58:48.000Z (about 2 years ago)
- Last Synced: 2024-12-10T02:10:15.107Z (6 months ago)
- Topics: react, state, state-machine, state-management, workshop, xstate
- Language: JavaScript
- Homepage: https://frontendmasters.com/courses/xstate-react/
- Size: 293 KB
- Stars: 129
- Watchers: 4
- Forks: 83
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Frontend Masters React State Modeling Workshop
Welcome to the [Frontend Masters React + XState workshop!](https://frontendmasters.com/workshops/xstate-react/)
🆕 Using Svelte? Check out the [Svelte port of this workshop!](https://github.com/annaghi/xstate-svelte-workshop)
## XState
- GitHub repo: https://github.com/davidkpiano/xstate
- Documentation: http://xstate.js.org/docs
- Visualizer: http://xstate.js.org/viz
## Getting Started
To run this workshop:
- Clone this repo
- Run `yarn install`
- Run `yarn start`
- Navigate to [http://localhost:3000/00](http://localhost:3000/00) to get to the first exercise.
## Exercises
Exercises are separated by directory in `src/##`. Each directory will contain a `README.md` describing the goal of the exercise, as well as tips and comments in the `Timer.js` and `timerMachine.js` files.
Your objective is to accomplish the goals in `README.md`. If you get stuck, refer to the `Timer.final.js` and/or `timerMachine.final.js` files in each directory.