Redux流程
Redux概述
當(dāng)我們頁面渲染完之后，UI就出現(xiàn)了，用戶就會觸發(fā)一些Actions，Actions會送到Reducer這個方法里面去 ， 然后Reducer會更新這個Store,React的State其實是包含在Store里面，我們也可以認(rèn)為State是Store的一部分，我們視圖層的東西就是由State決定的。我們在開發(fā)React中在Reducer中寫一些State方法，我們根據(jù)State來渲染UI，這就是Redux完整的流程。
react-redux安裝與資料獲取
安裝：npm install react-redux redux
資料：
- 英文：http://redux.js.org/
- 中文：http://cn.redux.js.org
react-redux 框圖
react-redux 框圖
當(dāng)我們的用戶點下鼠標(biāo),鼠標(biāo)點在View層，也就是我們渲染出來的React組件，這樣頁面會產(chǎn)生一些Actions,Actions會傳到Store里面去，State里面的Middleware是他的中間件(中間件：接收一一些東西，作用作用再吐出來)，實際上這些Actions是最終作用在Reducer(響應(yīng))上的，Reducer決定了我們當(dāng)前的State和Action結(jié)合起來我們的State會發(fā)生什么變化，State變化之后反過來作用在V層，也就是作用在組件上，組件上就知道有什么變化了，然后重新渲染在屏幕上。
使用Redux實現(xiàn)一個TODO
項目結(jié)構(gòu)
-- actions
-- components
-- container
-- reducer
- index.html
- server.js
- webpack
action
action
reducer
reducer
store
srore
組件
組件
