Week 11: React Hooks & Component Patterns Lab

Learning Objectives: Build a complete React project from scratch, mastering useState, useEffect, useRef, composition, controlled forms, lifecycle, and browser API integration through hands-on coding.

Sessions

Session 1: React Hooks & Patterns Lab Guide

A step-by-step lab building a React demo app covering hooks, composition, forms, lifecycle, and browser APIs

Topics Covered

Project setup with Vite and GitHub
React vs Vanilla JS (imperative vs declarative)
useState for reactive state management
useEffect for side effects and cleanup
useRef for persistent values and DOM access
Component composition and lifting state
Controlled forms and validation
Component lifecycle visualization
Window and browser API integration
Reusable component patterns