使用 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 的優秀文章。關於反應效能