Introduction
  • Welcome to React Hooks
  • Setup New create-react-app Project
The useState Hook
  • OPTIONAL - REVIEW: Stateless Functional Components
  • OPTIONAL - REVIEW: Class-based React Components
  • OPTIONAL - REVIEW: Array Destructuring
  • Invoking the useState Hook
  • Destructuring and Using the useState Return Value
  • Using the useState Hook to Build a Counter
  • CHALLENGE: Adding More Click Handlers
  • The useState Hook with an Object Argument
  • Working with Multiple Pieces of State in a Hooks-Based Component
The useEffect Hook
  • OPTIONAL - REVIEW: Lifecycle Methods on Class-based Components
  • Invoking the useEffect Hook
  • Cleaning Up by by Returning a Function from the Effect I
  • Cleaning Up by by Returning a Function from the Effect II
  • Limiting useEffect to Mounting and Unmounting
  • The Second Argument to the useEffect Hook
  • OPTIONAL - REVIEW: Event Listeners
  • Another useEffect Example: User Input
The useContext Hook
  • OPTIONAL - REVIEW: React Context
  • Invoking the useContext Hook
Custom Hooks
  • Define a Custom Hook (User Keypresses)
  • Another Custom Hook Example (Counter)
  • CHALLENGE: Reusing Custom Hooks in Multiple Components
Conclusion
  • Conclusion
  • Bonus!