注：本教程針對於有過React/ReactNative開發經驗的人群。參閱文件和阮一峰老師的網路日誌進行學習。可能在第一節的學習中對Redux的基本概念看完之後都不瞭解。現在呢再寫完Demo後再看一遍，將會恍然大悟。摘抄並簡單介紹Redux的基本概念工作原理。1.storeStore就是儲存資料的地方，可以看做成一個容器。整個應用只有一個Store。Redux提供createStore用來建立Store。2.stateStore儲存的所有資料，每個都是state。Store物件包含所有的資料。如果想要得到摸個時點的資料，就要對store生成快照，就叫做state，當前時刻的state可以通過store.getState()拿到。Redux規定，一個state對應一個View。state變view變，反之亦然。3.ActionState的變化，會導致View的變化。但是，使用者是拿不到state的，使用者只能接觸到View。所以state的變化一定是View導致的。View如何導致state發生變化呢？View通過Action發出通知，將資料送達Store，再由Store改變state，state改變必然會引起View的改變。4.ActionCreator

View通過Action傳送訊息，每傳送一個不同的Action，都要建立一個Action。所以要定義ActionCreator函式。並通過ActionType來判斷。5.store.dispatch()dispatch是View發出Action的唯一方法。dispacth接收一個Action引數，並將它傳送出去。6.reducerStore接收到Action以後，會給出一個新的state，這樣View才能發生變化，這種state的計算過程就叫做reducer。當dispatch傳送來action的時候，會自動觸發reducer的執行，為什麼會自動觸發呢？因為在建立Store時傳入了reducer。reducer是純函式，純函式就是拿到同樣的資料會返回同樣的輸出。由於整個應用只有一個Store所以必然導致reducer跟著龐大，所以就要對reducer進行拆分。拆分方法見Demo。7.store.subscribe

Store 允許使用store.subscribe方法設定監聽函式，一旦 State 發生變化，就自動執行這個函式。import { createStore } from 'redux';const store = createStore(reducer);store.subscribe(listener);顯然，只要把 View 的更新函式（對於 React 專案，就是元件的render方法或setState方法）放入listen，就會實現 View 的自動渲染。store.subscribe方法返回一個函式，呼叫這個函式就可以解除監聽。let unsubscribe = store.subscribe(() => console.log(store.getState()));unsubscribe();工作原理圖解