1 the performance timeline
React 15.4.0 引进了一个性能时间线特性让我们可以清晰的排查组件的每一个生命周期的执行时间。在开发者工具performance 中,点击record 记录,然后就可以看到react 的组件生命周期
引用方式:
href + ?react_perf
比如: http://localhost:8080?react_perf
2 why-did-you-update 插件
可以检测到props 没有变化时,引起的更新
3 React Developer Tools 插件
React Developer Tools 统计重新渲染的频次,其中,蓝色=>黄色=>红色,代表 React 组件重新渲染的频次越来越大。