- Clone and download this repo
- Run
npm install
in the repo directory - Run
npm start
to run the project in the browser
The src
directory has two folders: one for the solution
code, and one for
the exercises. You'll be working in the exercise
folder.
src/exercise/01.js
: Exercise (write your code here)src/exercise/01.md
: Deliverables and helpful notessrc/solution/01.js
: Solution code (check your work, or look for a hint if you're stuck)src/solution/01.extra-1.js
: Solution code for extra credit exercise
Each deliverable in the exercise
folder has comments to guide your work!
There are some emoji to guide you in the exercises:
- โ Instructions where to write your code
- ๐ A hint on what syntax to use/what code to write
- ๐ Helpful documentation
All credit to Kent C Dodds for the emoji guide idea, and general inspiration for this workshop format!
When running the workshop app in the browser, you can see the readme for each exercise alongside a sandbox where you can view your exercise code to see if it works. You can also open up your exercise code in a new browser tab to view the exercise alone, and more easily see what's happening in the React Dev Tools.
You can also view working examples of the code in the browser by clicking the solution tab.
Some exercises have bonus challenges to do for extra credit, so if you finish early, give them a shot! Or save them for later when you want to revisit these exercises.