Skip to main content

React Performance: Identifying Wasted Renders

03-25-19 Anastasia Lanz

Anastasia shares how you can optimize performance of your React app with the highlighting feature in React Dev Tools.

As your React app grows in size and complexity, you may be looking to find ways to improve performance. Luckily, there are many features in React Dev Tools that can help optimize your slow app. In this tutorial, I dig into the topic of wasted renders and find one easy way to visualize when a component is updating. Check out the video and learn how you can use the “Highlight Updates” feature to quickly identify what components are rendering.

YouTube embeds track user data for advertising purposes. You can watch the video on YouTube if you prefer not to grant consent for YouTube embeds.

Related Content

User-Centered Thinking: 7 Things to Consider and a Free Guide

Want the benefits of UX but not sure where to start? Grab our guide to evaluate your needs, earn buy-in, and get hiring tips.

More Details

See Everything In

Want to talk about how we can work together?

Katie can help

A portrait of Vice President of Business Development, Katie Jennings.

Katie Jennings

Vice President of Business Development