[英]React Native tool to track re-renders visually?
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?
是否有一种工具可以在我使用应用程序时直观地向我显示屏幕的哪些部分在状态更改时重新呈现?
I found it finally, https://github.com/redsunsoft/react-render-visualizer .我终于找到了, 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.
还有另一个工具https://github.com/garbles/why-did-you-update ,但它只是将重新渲染的组件记录到控制台,而它们不应该有。 But still, a useful tool.
但仍然是一个有用的工具。
Updated links for year 2020: 2020 年更新链接:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.