Skip to content

Commit

Permalink
ignore playground
Browse files Browse the repository at this point in the history
  • Loading branch information
kentcdodds committed May 19, 2023
1 parent 45ff3eb commit ddae18a
Show file tree
Hide file tree
Showing 10 changed files with 341 additions and 134 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -7,3 +7,4 @@ build
.eslintcache
/playwright-report
/test-results
/playground
113 changes: 111 additions & 2 deletions exercises/README.mdx
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!
Loading

0 comments on commit ddae18a

Please sign in to comment.