Hands-on practice for this lecture. Work through the exercises and quizzes to reinforce what you've learned.
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.