前言

小弟身為一個資質駑鈍的人，這正是我在學習 Flux 初期最希望有人可以幫我總結的事。服用本篇前須對 React 有基本的認識。
因為底子不好在參透官方範例時一直東奔西跑的查資料一下這個 merge 是什麼意思，一下又怎麼這邊一個 Dispatcher, AppDispatcher 然後又 ActionCreator
總之是你搞得我好亂啊。不過因為最近 React 的盛行讓我得以閱讀許多大大的分享因而有這一篇

介紹

還記得之前小弟很認真的想跟大家分享 Flux 不過老實說在當時自己只能夠”模仿”，Dispatcher 和 Store 的觀念也有點模糊。
由於今天看了這篇文章之後，覺得很不錯所以來補貼一下。
不過在這之前強烈推薦您還是先閱讀關於 Reactjs 的部分。

實作一個 Tabs 元件

複合式(組合)元件

在 React 中任何東西都是元件，就像樂高一樣，你可以用小片的積木組成大塊的，再組合出您想到的東西。
同樣的道理您也可以用許多的小元件(小功能模組)來組合出您的應用程式。所謂的複合式元件或稱作組合元件，
他其實就是由多個元件去組成一個多功能的大元件。

React 揭秘

關於這篇文章將會試著解釋關於 React 核心的概念。

PureRenderMixin

如果您的 React 元件的 render 函式非常單純(相對來說，就只是單純想把 props 和 state 輸出)，您就可以使用 PureRenderMixin 來提升效能:

不變性的輔助函式(Immutability Helpers)

在一開始我們必須先對這文鄒鄒的術語做個解釋: 所謂的 Immutability 英文的意思就是不能夠或不輕易受外界影響而改變。而在程式領域中我們舉的例子來說明: 即當資料或物件建立之後就不能或者輕易改變。
以 C# 來說明就是 Array 和 List 的關係，Object-C 的 NSArray 和 NSMutableArray 對應的關係。

實作一個 Tabs 元件

複合式(組合)元件

在 React 中任何東西都是元件，就像樂高一樣，你可以用小片的積木組成大塊的，再組合出您想到的東西。
同樣的道理您也可以用許多的小元件(小功能模組)來組合出您的應用程式。所謂的複合式元件或稱作組合元件，
他其實就是由多個元件去組成一個多功能的大元件。

在 codepen.io 上使用 React

為了能夠在 CodePen 上使用 React 和 JSX 您必須要:

1. 加入這支 script 到 CodePen http://codepen.io/chriscoyier/pen/yIgqi.js
2. React: http://fb.me/react-0.11.1.js
3. JSX Transformer: http://fb.me/JSXTransformer-0.11.0.js

前言

自從 2013 年 Reactjs 開放原始碼後就被其單純的架構和理念所吸引。但由於沒有迫切的需求一直沒有將其使用于產品中。
且在當時 Angular 正流行，大部份的人都被 two-way binding 神奇簡練的寫法給嚇傻了，相較之下在第一眼看到 Reactjs 其給人的感受為: 怎麼好像要多打很多 Code 啊!?
而在 2014 因為 Facebook 提出 Flux 與 Jest 等東西的使我決定認真的研究一下並將其使用在產品上。
但由於 React 相關文章大多很散且中文文章不多，所以接下來的 30 天我將逐步根據官網教學與一些國內外高手的文章心得，佐以實作驗證後，記錄為此系列文章。

複製元件

在少數的情況下，某個元件可能想要變更不屬於自己的 props(例如: 修改 this.props.children 的 className )。
或者是複製多個被傳入的元件。cloneWithProps() 是這件事變的可能。