Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React 19 Mastery: Advanced Patterns, Performance, Routing, Advanced State, Forms & Testing
Advanced React Patterns
Controlled vs Uncontrolled Components (6:49)
Render Props Pattern (5:31)
Compound Components Pattern (10:04)
Higher Order Components (HOCs) (5:27)
Function as Children Pattern
Prop Getters & Prop Collections (13:33)
State Reducer Pattern (9:40)
Controlled Props Pattern (7:10)
Optimising React Performance with Memoization, Virtualisation, Suspense, Profiling ...
Introduction to Performance in React
React.memo — Memoizing Components (5:43)
Another example using React.memo (4:14)
useCallback — Memoizing Functions (6:41)
useMemo — Memoizing Expensive Calculations (5:32)
Profiling React Apps with React DevTools Profiler (7:48)
React Virtualization
Lazy Loading Components (React.lazy + Suspense) (7:21)
Routing & Navigation in React (with React Router 7 / latest React 19 syntax
Introduction to Routing in React
Nested Routes & Layouts (using ) (7:17)
URL Parameters & useParams (15:20)
Search Params & Query Strings (9:15)
Programmatic Navigation with useNavigate (7:31)
Protected Routes (Auth Example) (10:00)
Code Splitting & Lazy Loading Routes
Forms - Validation & Advanced
Review of Controlled vs. Uncontrolled Inputs (1:58)
Handling Forms in React (Basic) (7:23)
Advanced Form Handling with react-hook-form (11:29)
Schema Validation with Yup
Custom Input Components (10:17)
Data Fetching & State Management (React Query / TanStack / Zustand, Redux Toolkit)
Review of Data Fetching Basics (fetch + useEffect)
React Query (TanStack Query) - Using useQuery for API calls (12:00)
Query Caching & Refetching
Global State with Zustand
Redux Toolkit (17:12)
Error Boundary (Synchronous error handling) (11:15)
Error Bounday + Suspense (Asynchronous Error Handling)
Modern Error Handling with react-error-boundary (10:31)
React 19 Testing
Introduction to React Testing - Basic rendering (15:06)
Querying elements
Prop-based behaviour
Testing conditional rendering
Testing Form field initial values
Snapshot Testing
User Events - Testing Input Typing with userEvent.type
User Events - Testing Button Clicks with userEvent.click
User Events - Conditional Rendering with userEvent
Using fireEvent (11:20)
Testing Toggle Interactions (Expand/Collapse) (5:03)
Testing Asynchronous Data Fetching
Testing Error States in Asynchronous React Components
Review of Controlled vs. Uncontrolled Inputs
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock