How to measure wasted render with browser-based performance tools


(Evan Brodie) #1

Hello. Question about React 16+ performance tools. Is there a equivalent to measuring Wasted Renders using the browser-based tooling? I know this has been asked before in the Discord reactiflux chat without answer. Also has been posted on SOF without answer: https://stackoverflow.com/questions/47319184/how-can-i-measure-wasted-renders-in-react-16

I am eager to update the app I maintain from React 15.6 to React 16.x. However, losing the ability to measure this key stat is going to be a major loss. I just used the deprecated react-addons-perf package to discover a component with many wasted renders. I want to make sure that I would have been able to discover the same conclusion with the new performance tools. Thank you.