Advanced React Patterns
Optimising React Performance with Memoization, Virtualisation, Suspense, Profiling ...
-
Introduction to Performance in React (4:48)
-
React.memo — Memoizing Components (5:43)
-
Another example using React.memo (4:14)
-
useCallback — Memoizing Functions (6:41)
-
useMemo — Memoizing Expensive Calculations (5:32)
-
React Virtualization (6:01)
-
Lazy Loading Components (React.lazy + Suspense) (7:21)
-
Profiling React Apps with React DevTools Profiler (7:48)
Routing & Navigation in React (with React Router 7 / latest React 19 syntax
Forms - Validation & Advanced
Data Fetching & State Management (React Query / TanStack / Zustand, Redux Toolkit)
-
React Query (TanStack Query) - Using useQuery for API calls (12:00)
-
Review of Data Fetching Basics (fetch + useEffect) (11:22)
-
Query Caching & Refetching (15:32)
-
Global State with Zustand (12:36)
-
Redux Toolkit (17:12)
-
Error Boundary (Synchronous error handling) (11:15)
-
Error Bounday + Suspense (Asynchronous Error Handling) (9:31)
-
Modern Error Handling with react-error-boundary (10:31)
React 19 Testing
-
1.Querying_elements (15:06)
-
Querying elements (7:58)
-
Prop-based behaviour (5:58)
-
Testing conditional rendering (5:57)
-
Testing Form field initial values (4:43)
-
Snapshot Testing (12:20)
-
User Events - Testing Input Typing with userEvent.type (5:01)
-
User Events - Testing Button Clicks with userEvent.click (5:49)
-
User Events - Conditional Rendering with userEvent (4:53)
-
Testing Toggle Interactions (Expand/Collapse) (5:03)
-
Testing Asynchronous Data Fetching (8:40)
-
Testing Error States in Asynchronous React Components (11:20)
-
13.Testing Error States in Asynchronous React Components (7:17)
