/Advanced-react-patterns

This is the latest advanced react patterns workshop

Primary LanguageJavaScriptOtherNOASSERTION

Kent C. Dodds's Advanced React Patterns Workshop 🚀

Learn React from Start to Finish

Setup

npm install
npm run validate

Running the app

npm start

You can also open the deployment of the app on Netlify.

Running the tests

npm test

This will start Jest in watch mode.

Exercises

  • src/exercise/00.md: Background, Exercise Instructions, Extra Credit
  • src/exercise/00.js: Exercise with Emoji helpers
  • src/__tests__/00.js: Tests
  • src/final/00.js: Final version
  • src/final/00.extra-0.js: Final version of extra credit

Helpful Emoji 🐨 💪 🏁 💰 💯 🦉 📜 💣 👨‍💼 🚨

  • Kody the Koala 🐨 will tell you when there's something specific you should do
  • Matthew the Muscle 💪 will indicate what you're working with an exercise
  • Chuck the Checkered Flag 🏁 will indicate that you're working with a final version
  • Marty the Money Bag 💰 will give you specific tips (and sometimes code) along the way
  • Hannah the Hundred 💯 will give you extra challenges you can do if you finish the exercises early
  • Olivia the Owl 🦉 will give you useful tidbits/best practice notes and a link for elaboration and feedback
  • Dominic the Document 📜 will give you links to useful documentation
  • Berry the Bomb 💣 will be hanging around anywhere you need to blow stuff up (delete code)
  • Peter the Product Manager 👨‍💼 helps us know what our users want
  • Alfred the Alert 🚨 will occasionally show up in the test failures with potential explanations for why the tests are failing