Every yellow flash is a re-render. Interact with the demo, spot what shouldn't be flashing, then open the solution tab to see the fix.
Exercise 1 of 1
Fix unnecessary re-renders by moving state closer to where it is used.
ExpensiveChart renders: 1
DataTable renders: 1
| Name | Score | Status |
|---|---|---|
| Alice | 98 | ✅ |
| Bob | 76 | ✅ |
| Carol | 54 | ⚠️ |
💡 Click the dark mode toggle. ExpensiveChart and DataTable re-render even though they don't use darkMode at all.