React Mastery
From JSX fundamentals to Server Components and advanced architecture — a complete, production-oriented React curriculum.
Basic
React Fundamentals
Core concepts behind React — components, declarative UI, virtual DOM, and the modern React rendering model.
JSX
Write UI with JSX syntax — expressions, attributes, fragments, and the rules that keep markup valid JavaScript.
Components & Props
Design reusable components with clear prop contracts, composition, and children patterns.
State & Events
Manage local component state and handle user events with predictable update patterns.
Intermediate
Hooks In Depth
Master useState, useEffect, useContext, useReducer, useMemo, useCallback, and custom hooks for production React.
Forms
Build controlled forms with validation, accessibility, and modern submission patterns including Server Actions.
Routing
Client-side routing with React Router and file-based routing concepts in Next.js applications.
Data Fetching
Fetch, cache, and synchronize server data in React with modern libraries and SSR patterns.
Context
Share state across component trees with Context API patterns that scale without excessive rerenders.
Error Boundaries
Catch rendering errors gracefully and build resilient UI with error boundaries and recovery flows.
Testing
Test React components and hooks with React Testing Library, focusing on user-visible behavior.
Advanced
Performance
Measure and optimize React rendering performance with profiling, memoization, and code splitting.
Server Components Intro
Introduction to React Server Components and how they change data fetching, bundles, and client boundaries.
Component Architecture At Scale
Design React component systems that stay maintainable as your app and team grow.
React Performance Patterns That Actually Matter
A practical guide to finding and fixing real rendering bottlenecks without over-optimizing.
Advanced React Testing Strategy
Build confidence with a layered testing approach that protects behavior while keeping suites fast and maintainable.