1、redux簡介

redux對(duì)于javascript應(yīng)用而言是一個(gè)可預(yù)測(cè)狀態(tài)的容器，即它是一個(gè)數(shù)據(jù)流框架。

redux主要用作應(yīng)用狀態(tài)的管理，即redux用一個(gè)單獨(dú)的常量狀態(tài)樹（對(duì)象）保持這一整個(gè)應(yīng)用的狀態(tài)，這個(gè)對(duì)象不能直接被改變。如果一些數(shù)據(jù)變化了，一個(gè)新的對(duì)象就會(huì)被創(chuàng)建（使用action和reducers）

設(shè)計(jì)和使用的三大原則：

state以單一對(duì)象存儲(chǔ)在store對(duì)象中
state只讀
使用純函數(shù)reducer執(zhí)行state更新

Redux工作流程：

　　　　　　

　　　　　　

　　　　　　

　　　　　　

Redux核心API:

　　　　

　　　　

Redux核心API-reducer：

reducer負(fù)責(zé)處理state狀態(tài)，是一個(gè)純函數(shù)，即只要是同樣的輸入，必定得到同樣的輸出。

純函數(shù)的約束條件：

不得改寫參數(shù)（形參）
不能調(diào)用系統(tǒng)I/O的API
不能調(diào)用Date.now()或Math.random()等不純的方法，每次結(jié)果會(huì)不一致

　　　　

　　　　

　　　　

2、middleware的由來

在redux里，action僅僅是攜帶了數(shù)據(jù)的普通js對(duì)象。action creator 返回的值是這個(gè)action類型的對(duì)象，然后通過store.dispatch()進(jìn)行分發(fā)。

比如：我希望實(shí)現(xiàn)點(diǎn)擊一個(gè)按鈕，2S后更新視圖，顯示消息“HI”，這個(gè)時(shí)候就需要在action和reducer中間建起一座橋梁來處理異步，這就是middleware.

3、數(shù)據(jù)流與react的關(guān)系

數(shù)據(jù)流：數(shù)據(jù)流是我們的行為與響應(yīng)的抽象，使用數(shù)據(jù)流幫助我們明確了行為對(duì)應(yīng)的響應(yīng)。

react：純V層框架，需要數(shù)據(jù)流進(jìn)行支撐

4、react-redux

項(xiàng)目結(jié)構(gòu)：actions、componets、container、reducer

涉及到的相關(guān)學(xué)習(xí)網(wǎng)址：

https://github.com/arcthur/react-book-examples

https://redux.js.org/

https://www.redux.org.cn/docs/react-redux/
https://www.imooc.com/video/13200

總結(jié)

以上是生活随笔為你收集整理的redux的工作流程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。