Introduction
  • What You’ll Get From this Course
  • React Core Concepts Review
  • Required: Software Installations and Course Repo
Project One - Dive into Hooks Development
  • Project One Preview
  • Set Up Project One
  • First Hook: UseState
  • UseEffect
  • Challenge and Code: Stories Component with UseEffect
  • Build a Custom Hook: useFetch
  • [Optional] Function Keyword vs Arrow Functions
  • Section Summary and Section Code
Hooks Under the Hood
  • Section Preview - Hooks Under the Hood
  • The React Runtime and How React Applies Hooks
  • UseState Under the Hood
  • Tasks Component Part 1: Multiple useState hooks
  • Tasks Component Part 2
  • The Order of UseState
  • Local Storage for Tasks
  • Section Summary and Section Code
Project One Continued - Learn More React Hooks
  • Hooks with an Interval
  • Effects with Cleanup
  • Dynamic Delay and Increment
  • Challenge and Code: Matrix Component
  • Build a Custom Hook: useDynamicTransition
  • Section Summary and Section Code
Reflection on Hooks - the Why
  • The Why of Hooks
Project Two - Master Hooks Development
  • Project Two Preview
  • The Reducer Pattern Overview
  • UseReducer for Tasks | Part 1
  • UseReducer for Tasks | Part 2
  • Set Up Reaction App
  • Reactions Reducer State
  • PublishMessage Component
  • Challenge and Code: MessageBoard Component
  • UseContext and a Custom Context Hook
  • The PubSub and Reducer Architecture
  • Explore PubNub
  • PubSub Function and Reducer Connection
  • Set Username
  • CreateReaction Component
  • Reactions Reducer flow
  • Publish Reactions
  • MessageReactions Component
  • Section Summary and Section Code
Conclusion
  • Congratulations and Final Remarks
  • Bonus Content!