Hands-on practice for this lecture. Work through the exercises and quizzes to reinforce what you've learned.
Exercise 1 of 1
See why inline objects and functions break React.memo — then see the stable-reference pattern React Compiler generates automatically at build time.
Unrelated tick: 0
Click Tick. ProfileCard re-renders even though config/handlers haven't changed — every render creates new object and function references.
ProfileCard (memo'd) renders: 1
theme: dark / compact: false
Multiple choice — select an answer to see the explanation.
What does React Compiler fundamentally do differently from manual useCallback/useMemo?