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.