React Performance Engineering
Measure before you optimise. Profiling, render behaviour, concurrent features, and shipping less JavaScript.
- Advanced
- 2h 21m
- 4 modules
- 12 lessons
- 7.4k students
Taught by Mira Kovac · React, Next.js, Web performance, Rendering
What you’ll learn
Measure honestly
Use the profiler and field metrics to find the real bottleneck instead of the one you assumed.
Control re-renders
Understand why a component re-rendered and fix the cause rather than papering over it with memo.
Use concurrent features
Keep the interface responsive during expensive updates with transitions and deferred values.
Ship less JavaScript
Split, lazy load, and prefetch so the bundle stops being the first thing that hurts.
Course content
4 modules · 2h 21m
01Measuring PerformanceGetting numbers before you change anything: profiling tools, field metrics, and finding wasted work.37m
02Rendering OptimizationThe tools for cutting render work — memoisation and stable identity — and when reaching for them is the wrong move.34m
03Concurrent ReactKeeping the interface responsive while expensive work happens: transitions, deferred values, and Suspense.35m
04Bundle and Load PerformanceThe work that happens before React even runs: splitting code, loading it at the right moment, and handling heavy assets.35m