redux的工作流程
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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ASP程序加密解密方法全面解析
- 下一篇: python机器学习笔记:ID3决策树算