Finding wasted renders
Most React slowness is a subtree re-rendering for no reason. Track it back to the prop or context value that changes identity on every render.
- 9m
- Advanced
Video by Mostly Code · YouTube
Check your understanding
3 questions. Unlocks when you finish the video.
Overview
What this lesson covers
- Trace a re-render back to the prop that changed
- Spot object and function props recreated each render
- Recognise context as a re-render broadcast
This lesson sits in Measuring Performance, part of React Performance Engineering. It assumes what came before it and leads directly into the next lesson in the module.
In this lesson you will:
- Trace a re-render back to the prop that changed
- Spot object and function props recreated each render
- Recognise context as a re-render broadcast
Resources
Your notes will live here
Note taking is not available yet. Nothing you type would be saved, so the tab stays read-only for now.