文章预览
点击图片报名参加广州 & 珠海源创会 React 已经比较快了,但使用时仍很容易犯些小错误,导致其性能下降。组件挂载慢,组件树层级过深以及没必要的循环渲染都会让app感觉很慢。 幸亏有很多工具(有些甚至内置在 React 中)能帮助诊断性能问题。在这篇文章中,我将告诉你快速生成 React 应用程序的工具和技术。每个部分会有一个互动以及(希望是)有趣的演示! 工具1:The Performance Timeline React 15.4.0 介绍了一种新的性能 timeline 特性可以让你看到组件安装、更新和卸载的时间,你还可以看到相关可视化组件的生命周期。 注:现在,该功能只适用于Chrome,Edge 和 IE,因为它实用的 User Timing API 尚未在所有浏览器上实现。 如何运行: 打开你的 app 并附加查询参
………………………………