React Native tool to track re-renders visually?

Question

I have complex views with lots of components. I would like to optimise performance, I suspect that some parts of the application are being re-rendered for no reason, but I cannot see visually which ones are the problem. Is there a tool that will show me visually which parts of the screen re-rendered on state change as I'm using the app?

Answer 1

I found it finally, https://github.com/redsunsoft/react-render-visualizer . Also there is another tool, https://github.com/garbles/why-did-you-update , but it just logs to the console the components that rerendered and they shouldn't have. But still, a useful tool.

Answer 2

Updated links for year 2020:

• react-render-debugger by marcin-mazurek
• why-did-you-render by welldone-software