react 性能优化工具

前端之家收集整理的这篇文章主要介绍了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 组件重新渲染的频次越来越大。

猜你在找的React相关文章