Build reactive, high-performance UI components with modern hooks, context, and declarative state.
Master React: JSX, functional components, props, hooks (useState, useEffect, useMemo, useCallback, useRef), custom hooks, Context API, state management, and component lifecycles.
Declarative programming, component models, and the Virtual DOM reconciliation engine.
JSX expressions, fragment containers (<>...</>), conditional rendering, and list mapping with keys.
Props destructuring, default props, children prop, and component composition patterns.
Managing local component state, updater functions, and immutable object/array updates.
Side effects, dependency array mechanics, cleanup functions, and data fetching.
Preventing unnecessary re-renders with React.memo, useMemo, and useCallback.
Holding mutable values without re-rendering and referencing DOM elements.
Sharing global state across deeply nested components without prop drilling.
Extracting stateful logic into reusable use* functions across multiple components.
Controlled components, form submission, React Hook Form, and validation schemas.
Component error boundaries, useActionState, useOptimistic, and transition states.
Understand the Fiber reconciler, Work-In-Progress trees, cooperative multitasking, and 31-bit Lane priority scheduling.
Master React Server Components, client boundaries ('use client'), streaming SSR, and decoding the RSC Flight JSON stream.
Master React 19 async Actions, `useActionState` for pending states, `useOptimistic` for instant UI updates, and `useFormStatus`.
Master Concurrent React rendering: non-blocking transitions (`useTransition`), deferred values (`useDeferredValue`), and Suspense boundaries.
Build tear-free external state managers and custom browser subscriptions using `useSyncExternalStore`.