Skip to content

Latest commit

 

History

History
88 lines (65 loc) · 1.97 KB

OUTLINE.md

File metadata and controls

88 lines (65 loc) · 1.97 KB

Advanced React Hooks

Time to get serious 🏎💨

👋 I'm Kent C. Dodds

  • 🏡 Utah
  • 👩 👧 👦 👦 👦 🐕
  • 🏢 kentcdodds.com
  • 🐦/🐙 @kentcdodds
  • 🏆 testingjavascript.com
  • 🥚 kcd.im/egghead
  • 🥋 kcd.im/fem
  • 💌 kcd.im/news
  • 📝 kcd.im/blog
  • 📺 kcd.im/devtips
  • 💻 kcd.im/coding
  • 📽 kcd.im/youtube
  • 🎙 kcd.im/3-mins
  • ❓ kcd.im/ama

What this workshop is

  • Lots of exercises

What this workshop is not

  • Solo
  • Lecture

Logistics

Schedule

  • 😴 Logistics
  • 🏋 01. useReducer: simple Counter
  • 🏋 02. useReducer: HTTP requests
  • 😴 10 Minutes
  • 🏋 03. useContext: simple Counter
  • 😴 30 Minutes
  • 🏋 04. useContext: Caching response data in context
  • 😴 10 Minutes
  • 🏋 05. useLayoutEffect: auto-growing textarea
  • 🏋 06. useImperativeHandle: scroll to top/bottom
  • 😴 10 Minutes
  • 🏋 07. useDebugValue: useMedia
  • ❓ Q&A

Scripts

  • npm run start
  • npm run test

Asking Questions

Please do ask! Interrupt me. If you have an unrelated question, please ask on my AMA.

Zoom

  • Help us make this more human by keeping your video on if possible
  • Keep microphone muted unless speaking
  • Breakout rooms

Exercises

  • src/exercises/0x.md: Background, Exercise Instructions, Extra Credit
  • src/exercises/0x.js: Exercise with Emoji helpers
  • src/__tests__/0x.js: Tests
  • src/exercises-final/0x.js: Final version

Emoji

  • Kody the Koala Bear 🐨 "Do this"
  • Marty the Money Bag 💰 "Here's a hint"
  • Hannah the Hundred 💯 "Extra Credit"
  • Olivia the Owl 🦉 "Pro-tip"
  • Dominic the Document 📜 "Docs links"
  • Berry the Bomb 💣 "Remove this code"
  • Alfred the Alert 🚨 "Extra helpful in test errors"

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, please go to this URL to give overall feedback. Thank you! https://kcd.im/arh-ws-feedback