插件集合

classsnames

用來處理css類

core-decorators/Trait

處理類或者類方法修飾

Immutable

不可變對象

react-addons-create-Fragment

有兩個子組件要渲染時，咱們無法給他們設置key，須要用到這個插件。P110。

react-addons-perf

性能檢查工具。

react-smooth

動畫（CSS動畫，JS動畫）

react-motion

這也是一個比較有意思的動畫庫，寫法相似css的多關鍵幀動畫。而且幾種緩動函數動畫這裏都能實現。

vivus

最出名的SVG動畫插件

MTUI

UI庫

hoist-non-react-statics

複製react組件的靜態方法

redbox-react

The red box (aka red screen of death) renders an error in this 「pretty」 format:

http://npm.taobao.org/package/redbox-react

babel-plugin-react-transform

這個插件經過任意轉換的方式去封裝 React 組件。換句話說，你能夠爲所欲爲的擺弄你的組件了。

babel-plugin-transform-runtime

在 Babel 轉換過程當中，詳細的展現引用的相關輔助工具和內置命令，並自動的聚合填充你的代碼而不會污染全局。

babel-plugin-transform-decorators-legacy

用於babel5 用戶的過渡。

react-transform-catch-errors

A React Transform that catches errors inside render() function and renders a React component with an error message instead.
It’s up to you to choose the React component to render an error message. For example, you may use redbox-react that imitates React Native 「red screen of death」.

它依賴於babel-plugin-react-transform

react-transform-hmr

A React Transform that enables hot reloading React classes using Hot Module Replacement API. Hot module replacement is supported natively by Webpack and available in Browserify with browserify-hmr.

它依賴於babel-plugin-react-transform

react-immutable-render-mixin

This library when used as a mixin/decorator replaces the PureRenderMixin when using facebook/immutable-js library with React

This Mixin and HoC implements shouldComponentUpdate method using prop and state equality with Immutable.is().

We also expose the shallowEqualImmutable to allow developers to craft a custom shouldComponentUpdate method as needed.

react-css-modules

CSS模塊化

immutable

http://facebook.github.io/immutable-js/

react-motion

https://www.npmjs.com/package/react-motion

react-addons-create-fragment

若是有多個子組件要渲染，咱們無法給它們設置key，這時就須要用這個插件來解決了：

import React form 'react';
import createFragment from 'react-addons-create-fragment';

function Rank({first,second}{ const children = createFragment({ first:first, second:second }); return ( <ul>{children}</ul> ); })