react Add-Ons

此文章是翻译Add-Ons这篇React（版本v15.4.0）官方文档。

Add-Ons

React add-ons 是用于构建React 应用的有用的使用模块集合。这些应该被认为是实验性的 而且往往比核心更容易发生改变。

• TransitionGroup 和CSSTransitionGroup，用于处理不容易实现的动画和转换，例如在component 移除之前。
• createFragment 创建一套额外帧的子节点。

下面这些add-ons 尽在React 开发版本中（没有缩小）：

• Perl 寻找优化机会的新能分析器。
• ReactTestUtils编写测试用例的简单助手。

Legacy Add-ons

下面这些add-ons 是认为是历史遗留的（legacy），并且不建议使用。

• PureRenderMixin，使用React.PureComponent替代。
• shallowCompare，是一个帮助函数用来在component 中执行props 和state 浅比较用来决定一个component 是否应该被更新。
• update，使用kolodny/immutability-helper替代。

Deprecated Add-ons

LinkedStateMixin 已经废弃了。

Using React with Add-ons

如果使用npm，你可以独立地从npm 进行安装（例如，npm install react-addons-test-utils）并导入它们：

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

如果使用CDN，你可以使用react-with-addons.js替代react.js：

<script src="https://unpkg.com/react@15/dist/react-with-addons.js"></script>

add-ons 通过时全局React.addons 来使用（例如，React.addons.TestUtils）

参考文档

1. Add-Ons