React Perf - 性能工具

React Perf - 性能工具背景

如果您是一个前端工程师，那么这款开发者插件您一定经常用到。React通常开箱即用。但是，在需要从应用程序中榨取每盎司性能的情况下，它提供了一个shouldComponentUpdate钩子，您可以在其中向优化的diff算法添加优化提示。

除了为您提供应用程序整体性能的概述之外，ReactPerf是一个性能分析工具，它可以告诉您确切需要在何处放置这些挂钩。

使用这款完全免费的性能工具将帮助您大大提升工作效率。

React Perf - 性能工具介绍

React Perf是一款将帮助谷歌浏览器用户在Chrome Devtools面板中添加一个标签，以帮助使用“ react-addons-perf”包的Chrome插件。

React Perf - 性能工具功能

在下载安装React Perf插件之后，React Perf将在Chrome Devtools面板中添加一个标签，以帮助您使用“ react-addons-perf”包。

你还可以看到它们最后的更新时间，如果它们有自己的主页，还可以对它们进行分类和其他更多的功能。

React Perf - 性能工具安装

React Perf - 性能工具使用

安装好chrome插件后，直接点击扩展按钮即可对已安装的脚本进行便捷管理了。



If you are a front-end engineer, you must use this developer plug-in often. React is usually available out of the box. However, in cases where you need to extract every ounce of performance from the application, it provides a shouldComponentUpdate hook where you can add optimization tips to the optimized diff algorithm.

In addition to providing you with an overview of the overall performance of the application, ReactPerf is a performance analysis tool that can tell you exactly where to place these hooks.

Using this completely free performance tool will help you greatly improve your work efficiency.



######## Features ########
- After downloading and installing the React Perf plugin, React Perf will add a label to the Chrome Devtools panel to help you use the "react-addons-perf" package.

For a full overview please take a look at the FAQ or just install this extension. ;)

Thanks for using React Perf. :)


########## Bugs ##########

Please DON'T report bugs by a review, BUT HERE:
- http://crysislinux.com/