Code editor showing a component tree

React Performance Engineering

Profile first, then fix. Diagnose slow React interfaces with real traces and apply the change that actually moves the number.

Advanced2h 14m4 modules9.2k students

What you'll learn

Measure before you change anything

Capture a profile, read the flame graph, and identify the component that is actually costing you time.

Stop unnecessary re-renders

Know why a component re-rendered and pick the fix that removes the cause rather than papering over it.

Render large lists smoothly

Virtualise long lists and use concurrent features so a heavy update never blocks typing.

Cut what the browser downloads

Split bundles along real boundaries and prefetch the code the user is about to need.

Course Content

4 modules • 2h 14m

Your Progress

Not started

Start Learning
React Performance Engineering — Vertex