Configure a Vite React project with VS Code extensions, build function components with JSX and props, and understand component composition.

Manage component state with useState including objects, arrays, and functional update patterns.

Use useEffect to fetch data, set up subscriptions, and clean up side effects correctly.

Use useRef for DOM access and useMemo/useCallback to prevent unnecessary re-renders.

Create and consume React Context to share state across multiple levels of components.

Extract component logic into custom hooks and compose them across components.

Apply React.memo, memoization hooks, lazy loading, and code splitting to optimize rendering performance.

Implement error boundaries, Suspense, forwardRef, and compound component patterns for production React apps.