The Two Rules of React Performance

Hands-on practice for this lecture. Work through the exercises and quizzes to reinforce what you've learned.

1

Exercise 1 of 1

Spot the Unnecessary Re-renders

See which components re-render on every keystroke — and why.

My Apprenders: 1

UserProfile

👤 John Doe

renders: 1

RecentActivity

  • Opened dashboard
  • Updated profile
  • Viewed report
renders: 1

SearchResults

  • Apple
  • Banana
  • Cherry
  • Dragonfruit
  • Elderberry
renders: 1

💡 Type anything. Header, UserProfile, and RecentActivity all flash — they re-render on every keystroke even though they don't use query.

Re-read the lectureAll lectures →
Practice: The Two Rules of React Performance — Interactive Exercises | Durgesh Rai