react+redux

1、相關概念

數據流是用戶行爲和響應的抽象

使用數據流幫助咱們明確流行爲對應的響應。

React和數據流

須要數據流作支撐。

主流數據流框架——Redux

簡單\單一的狀態樹。

Redux

 

React

 

安裝：

npm install react-redux redux

https://redux.js.org/

https://cn.redux.js.org/

2、項目

actions  用戶行爲

components 組件

container 組件

reducer store裏負責分發action的行爲

index.html

server.js

一、action

action是行爲的抽象

 

二、reducer

 根據action.type來決定怎麼作。

 

 三、store

store是因此數據和狀態的存儲。 state+Reducer。

四、組件

Redux知道container的存在，不知道component的存在。

 

 

redux-thunk

實現異步action

reux-gen

利用生成器，實現middleware

redux-router-redux

 

Q1：function這種寫法確實不錯，可是寫出來的組件生命週期怎麼弄！A1：無狀態組件都推薦使用function寫組件。若是組件須要內部狀態、聲明週期，那就須要用class建立類組件。推薦用function和class建立組件。優先用function建立，須要生命週期和內部狀態才用class建立。