Workshop 6 - Best React

Learn how to write fast, performant React and best practices for code maintainability.

Workshop Topics

  • Setup and Prerequisites

    • Completed Workshop 4
    • Node.js should be installed
    • Familiarity with git

  • Performance Optimization Techniques

    • useRef
    • useCallback
    • useMemo
    • Working with lists
      • Using .map() with keys
      • Appending to the end

  • Readability & Maintainability

    • File & Component Organization
      • Explore Etsy to examine the file structure and find similar components
      • Activity: using generic components
    • useContext
      • Demo: using useContext in a sign-up form
      • Activity: Toggle between light and dark mode
    • Custom hooks
      • Restrictions and their conventions
      • Demo: create useProducts custom hook
      • Activity: implement useFilteredProducts

Materials

Workshop recordingSlidesHomework
Link
This recording has video & audio issues during some parts. Sorry about that; we'll do better in the future.		LinkAssignment 6