React and Ecosystem

Topics: Why React?

Topics: React Setup + JSX

Topics: Components

Topics: Props

Topics: Lists + Keys

Topics: Conditional Rendering

Topics: State

Topics: State + Events

Topics: Forms

Topics: useEffect + API

Topics: Canonical Task Manager React Vertical Slice

Topics: State Ownership, Lifting State, and Derived State

Topics: Reducers and Context Architecture

Topics: Refs, Portals, and DOM Escape Hatches

Topics: Effects Deep Dive — Lifecycle, Dependencies, and Effect Events

Topics: Custom Hooks and Advanced Built-in Hooks

Topics: Error Boundaries, Suspense, Lazy Loading, and `use`

Topics: React 19 and 19.2 — Actions, Optimistic UI, Form Status, and Activity

Topics: React Router — Route Structure, URL State, and Navigation

Topics: React Router Data APIs — Loaders, Actions, Fetchers, Errors, and Pending UI

Topics: API Boundaries and TanStack Query v5 Queries

Topics: TanStack Query v5 Mutations, Invalidation, Optimistic Updates, and Infinite Data

Topics: Client State Architecture and Redux Toolkit

Topics: Advanced Forms — React Hook Form, Zod, Server Errors, and Accessibility

Topics: Component Architecture, Headless Patterns, Styling, Animation, and Internationalization

Topics: React Testing — Components, Network, Accessibility, Contracts, and E2E

Topics: Performance, React Compiler, Transitions, Deferred Values, and Activity

Topics: Server Rendering, Hydration, React Server Components, Security, and Production Capstone