使用 ReactJS 进行性能测量

你不能改进你无法衡量的东西。要提高 React 组件的性能，你应该能够测量它。ReactJS 提供了用于衡量性能的插件工具。导入 react-addons-perf 模块以测量性能

import Perf from 'react-addons-perf' // ES6
var Perf = require('react-addons-perf') // ES5 with npm
var Perf = React.addons.Perf; // ES5 with react-with-addons.js

你可以使用导入的 Perf 模块中的以下方法：

• Perf.printInclusive()
• Perf.printExclusive()
• Perf.printWasted()
• Perf.printOperations()
• Perf.printDOM()

你大部分时间都需要的最重要的一个是 Perf.printWasted()，它为你提供了你个人组件浪费时间的表格表示

你可以在表格中记下浪费的时间列，并使用上面的提示与技巧部分提高组件的性能

请参阅 React 官方指南和 Benchling Engg 的优秀文章。关于反应性能