-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
45ff3eb
commit ddae18a
Showing
10 changed files
with
341 additions
and
134 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -7,3 +7,4 @@ build | |
.eslintcache | ||
/playwright-report | ||
/test-results | ||
/playground |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,114 @@ | ||
# Advanced React Patterns 🤯 | ||
|
||
Welcome to the workshop | ||
> Some sweeeeeeeet patterns 🍭 | ||
TODO: write more stuff | ||
👨💼 Hello, my name is Peter the Product Manager. I'm here to help you get | ||
oriented and to give you your assignments for the day! | ||
|
||
Today, you'll learn important testing skills for web app development including: | ||
|
||
- Latest Ref | ||
- Composition | ||
- Compound Components | ||
- Prop Collections and Getters | ||
- State Initializer | ||
- State Reducer | ||
- Control Props | ||
|
||
## Meet the instructor | ||
|
||
👨🏫 Hi, I'm your instructor [Kent C. Dodds](https://kentcdodds.com). Here's some | ||
stuff about me: | ||
|
||
- 🏡 Utah | ||
- 👩 👧 👦 👦 👦 🐕 | ||
- 🏢 [kentcdodds.com](https://kentcdodds.com) | ||
- [🐦](https://twitter.com/kentcdodds)/[🐙](https://github.com/kentcdodds) | ||
@kentcdodds | ||
- 🌌 [EpicWeb.dev](https://EpicWeb.dev) | ||
- 🚀 [EpicReact.dev](https://EpicReact.dev) | ||
- 🏆 [testingjavascript.com](https://testingjavascript.com) | ||
- 🥚 [kcd.im/egghead](https://kcd.im/egghead) | ||
- 🥋 [kcd.im/fem](https://kcd.im/fem) | ||
- 💌 [kcd.im/news](https://kcd.im/news) | ||
- 📝 [kcd.im/blog](https://kcd.im/blog) | ||
- 📽 [kcd.im/youtube](https://kcd.im/youtube) | ||
- 🎙 [kcd.im/calls](https://kcd.im/calls) | ||
|
||
## What this workshop is | ||
|
||
- Lots of exercises | ||
|
||
## What this workshop is not | ||
|
||
- Solo | ||
- Lecture | ||
|
||
## Logistics | ||
|
||
### Schedule | ||
|
||
- 😴 Logistics | ||
- 💪 Latest Ref | ||
- 💪 Composition | ||
- 😴 10 Minutes | ||
- 💪 Compound Components | ||
- 💪 Prop Collections and Getters | ||
- 🌮 60 Minutes | ||
- 💪 State Initializer | ||
- 💪 State Reducer | ||
- 😴 10 Minutes | ||
- 💪 Control Props | ||
- 😴 10 Minutes | ||
|
||
### Scripts | ||
|
||
- `npm run start` | ||
|
||
### Asking Questions | ||
|
||
Please do ask! Interrupt me. If you have an unrelated question, please ask on | ||
[office hours](https://kcd.im/office-hours) or | ||
[the call Kent podcast](https://kcd.im/calls). | ||
|
||
### Zoom | ||
|
||
(For a live remote workshop) | ||
|
||
- Help us make this more human by keeping your video on if possible | ||
- Keep microphone muted unless speaking | ||
- Breakout rooms | ||
|
||
### Exercises | ||
|
||
You'll spend all of your time in the `./playground` directory. You'll find the | ||
problem and solution code in the `./exercises` directory, but you shouldn't need | ||
to go there unless you're curious. Here's how that is structured: | ||
|
||
- `exercises/*.*/README.mdx`: Background information | ||
- `exercises/*.*/*.problem.*/README.*.mdx`: Problem Instructions | ||
- `exercises/*.*/*.problem.*`: Exercises with Emoji helpers. | ||
- `exercises/*.*/*.solution.*`: Solved version | ||
|
||
### Emoji | ||
|
||
- **Kody the Koala** 🐨 "Do this" | ||
- **Matthew the Muscle** 💪 "Exercise" | ||
- **Chuck the Checkered Flag** 🏁 "Final" | ||
- **Marty the Money Bag** 💰 "Here's a hint" | ||
- **Olivia the Owl** 🦉 "Pro-tip" | ||
- **Dominic the Document** 📜 "Docs links" | ||
- **Barry the Bomb** 💣 "Remove this code" | ||
- **Peter the Product Manager** 👨💼 "Story time" | ||
- **Alfred the Alert** 🚨 "Extra helpful in test errors" | ||
- **Kellie the Co-worker** 🧝♀️ "Your co-worker" | ||
|
||
### Workshop Feedback | ||
|
||
Each exercise has an Elaboration and Feedback link. Please fill that out after | ||
the exercise and instruction. | ||
|
||
At the end of the workshop, there's [a survey](/finished). Please fill that out | ||
as well. | ||
|
||
It's a big job and there's lots to do, so, let's get started! |
Oops, something went wrong.