Redux流程
當(dāng)我們頁(yè)面渲染完之后耙厚，UI就出現(xiàn)了渠缕，用戶就會(huì)觸發(fā)一些Actions，Actions會(huì)送到Reducer這個(gè)方法里面去 抗蠢， 然后Reducer會(huì)更新這個(gè)Store,React的State其實(shí)是包含在Store里面举哟，我們也可以認(rèn)為State是Store的一部分，我們視圖層的東西就是由State決定的迅矛。我們?cè)陂_(kāi)發(fā)React中在Reducer中寫(xiě)一些State方法妨猩，我們根據(jù)State來(lái)渲染UI，這就是Redux完整的流程秽褒。
react-redux安裝與資料獲取
安裝：npm install react-redux redux
資料：
- 英文：http://redux.js.org/
- 中文：http://cn.redux.js.org
react-redux 框圖
當(dāng)我們的用戶點(diǎn)下鼠標(biāo),鼠標(biāo)點(diǎn)在View層壶硅，也就是我們渲染出來(lái)的React組件，這樣頁(yè)面會(huì)產(chǎn)生一些Actions,Actions會(huì)傳到Store里面去销斟，State里面的Middleware是他的中間件(中間件：接收一一些東西庐椒，作用作用再吐出來(lái))，實(shí)際上這些Actions是最終作用在Reducer(響應(yīng))上的蚂踊，Reducer決定了我們當(dāng)前的State和Action結(jié)合起來(lái)我們的State會(huì)發(fā)生什么變化约谈，State變化之后反過(guò)來(lái)作用在V層，也就是作用在組件上犁钟，組件上就知道有什么變化了棱诱，然后重新渲染在屏幕上。
使用Redux實(shí)現(xiàn)一個(gè)TODO
項(xiàng)目結(jié)構(gòu)
-- actions
-- components
-- container
-- reducer
- index.html
- server.js
- webpack
action
reducer
store
組件
