- Create React App.
- Matt Zabriskie for his react-workshop upon which this one is based.
- KADIRA for their react-storybook
- React Docs. Several examples have been lifted from there.
git clone https://github.com/kentcdodds/react-workshop.git cd react-workshop yarn run setup
Note on yarn
If you don't have
yarn installed and don't want to use it for some reason, you can use
npm as well. Instead
yarn run setup, run
node ./scripts/install && npm run validate and enjoy waiting (and hopefully things don't
break for you). May be a good idea to still run
node ./scripts/verify to verify you have the right version of other
All set up!
If you didn't get any errors running the setup scripts, you're ready to start the workshop!
If you want to explore a bit, there are a few things you can do:
- go ahead and open
intro/exercises-final/01-js.htmlin a browser (don't peak at the solution!). It should say
Hello World. Go ahead and open the others if you like.
- Then you can run
yarn run storybookand open
http://localhost:9009and poke around the storybook for our exercises :)
- Then you could run the app with
yarn start. This should pop open a window with a stopwatch which we'll be building.
If you see any errors, read the output and try to follow any instructions. If that doesn't work, feel free to file an issue to ask for help and I'll help if I can. Good luck!
- Bare-bones React rendering -
- React rendering with JSX -
- Custom React Components -
- Re-rendering -
- Props -
- PropTypes -
- Styling -
- Composition -
- State -
- State -
- Uncontrolled Form -
- Controlled Form -
- Data Fetching -
- Higher Order Components -
- Render Callback -
Check out react-jest-workshop
Check out react-github-profile
Thanks goes to these people (emoji key):
Kent C. Dodds
This project follows the all-contributors specification. Contributions of any kind welcome!