Exercises Overview / Discussion

[mikedane]

10 Exercises

Core Concepts

• Intro to JSX (Mike)
• Setting up a React Environment (Christopher)
  • CRA
  • Node ecosystem
• React theory (Mike)
  • rendering
  • Class vs Functional components
• Props (Mike)
  • custom
  • key
  • ref
• Hooks (3 exercises) (Christopher
  • useState / useRef
  • useMemo / useCallback
  • useContext
• Controlled vs Uncontrolled (Mike)
• HTTP Requests (Mike)
  • useEffect
  • Needs more discussion
• Styling (Christopher)
  • Needs more discussion

What does the app look like Tic-tac-toe app

What exercises should look like: 30 minutes total

• Introduction & Discussion of topic at a high level (Powerpoint)
• Describe the problem that needs to be solved at this point in the app
  • Show it working without showing the code
  • Prompt the user to fill in the incomplete code to add the functionality
  • User runs functional tests to make sure what they did works
• Prompt the user to find other solutions
• Walkthrough of the "official" solution
• Wrapping it up / questions

Next Steps

• [x] Create issues for styling & HTTP Requests to discuss (Mike)

• [x] Begin first pass of tic-tac-toe game (Mike)

• [x] Build out the exercise framework (Christopher)

• [x] Get the slides bootstrapped (Christopher)

• [x] Start building out exercises (both)

[mikedane]

@christopherjbaker @dcrescim

I just finished adding in code for my exercises & creating some basic MDX slides. Everything I did is in the exercises folder, feel free to take a look and leave some feedback!