react 性能优化工具

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 组件重新渲染的频次越来越大。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!