Skip to main content

7.0 Lesson

  1. Intro
  2. A Better Project Structure
  3. Splitting an App Into Components
  4. Comparing Stateless and Stateful Components
  5. Class-based vs Functional Components
  6. class Component Lifecycle Overview
  7. Component Creation Lifecycle in Action
  8. Component Update Lifecycle (for props Changes)
    1. Component Update Lifecycle in Action
  9. Component Update Lifecycle (for state Changes)
  10. Using useEffect() in Functional Components
  11. Controlling the useEffect() Behavior
  12. Cleaning up with Lifecycle Hooks & useEffect()
  13. Cleanup Work with useEffect() - Example
  14. Using shouldComponentUpdate for Optimization
    1. Reference vs Primitive Types
  15. Optimization Functional Components with React.memo()
  16. When should you optimize
  17. PureComponent instead of shouldComponentUpdate
  18. How React Updates the DOM
  19. Rendering Adjacent JSX Element
  20. Aux.js
    1. Windows Users Must Read
  21. Using React Fragment
  22. Higher Order Components (HOC) - Introduction
  23. Another Form of HOCs
  24. Passing Unknown Props
  25. Setting State Correctly
  26. Using PropTypes
  27. Using Refs
  28. Refs with React Hooks
  29. Understanding Prop Chain Problems
  30. Using the Context API
  31. contextType & useContext()
  32. Wrap Up
  33. Useful Resources & Links