當然不是咖啡!
##12.1?[react profile](https://facebook.github.io/react/docs/perf.html)
## 12.2?PureRenderMixin
當你的 props 和 state 都是 immutable 的時候…
~~~
var PureRenderMixin = require('react-addons-pure-render-mixin');
React.createClass({
mixins: [PureRenderMixin],
render: function() {
return <div className={this.props.className}>foo</div>;
}
});
~~~
## 12.3?[shouldComponentUpdate](https://facebook.github.io/react/docs/advanced-performance.html#shouldcomponentupdate-in-action)
可以通過這個方法對于 component 到底什么情況下應該重新 render 調優
> 所有圖片來源于 giphy.com, copyright @[Futurama](http://www.cc.com/shows/futurama)
> Author: Jichao Ouyang?
> Modified: 2015-11-16 Mon 00:39
> Generated by:?[Emacs](http://www.gnu.org/software/emacs/)?24.5.1 ([Org](http://orgmode.org/)?mode 8.3.2)
> with _(:з」∠)_ by?[OrgPress](https://github.com/jcouyang/orgpress)
- 1. Why not 2 way binding/為毛不用雙向綁定
- 2. What's Virtual DOM, why should we care / 為毛要用 Vitual Dom
- 3. Why Immutable / 為毛要不可變
- 4. How to do Unit test React project / 如何單元測試
- 5. Modular and Components
- 6. How should I thinking in react way / 如何以 React 的方式解決問題
- 7. What about Data Fetching / 只有 V 的話，數據 M 呢
- 8. What about Router / router 怎么辦
- 9. How to communicate between two components that don't have a parent-child relationship/ 不是父子關系的 component 怎么交互
- 10. When should I use "key" / 什么時候該用 key
- 11. What's these Warnings / 這些黃黃的是神馬
- 12. How to Profile Component Perfomance / 如何提升效率