好記性不如爛筆頭-Redux篇
俗話說(shuō)的好“好記性不如爛筆頭”,今天秉承著后期復(fù)習(xí)方便的態(tài)度,整理了一份Redux基礎(chǔ)知識(shí)點(diǎn),并以思維導(dǎo)圖的方式呈現(xiàn)出來(lái),方便跟老鐵們一起查漏補(bǔ)缺。
Redux.png
一、初始化
初始化.png
二、三大原則
三大原則.png
三、基礎(chǔ)
基礎(chǔ).png
四、API
API.png
4.1 createStore
API_1.png
4.2 Store
API_2.png
4.3 combineReducers
API_3.png
4.4 applyMiddleware
API_4.png
4.5 bindActionCreators
API_5.png
4.6 compose
API_6.png
五、異步Action創(chuàng)建函數(shù)
異步Action創(chuàng)建函數(shù).png
六、搭配React
搭配React.png
七、感悟
在整理這些基礎(chǔ)知識(shí)點(diǎn)的過(guò)程中,有以下幾點(diǎn)感悟,不一定正確,分享出來(lái)與大家探討:
Redux是用來(lái)進(jìn)行狀態(tài)管理的,用起來(lái)確實(shí)會(huì)讓整個(gè)項(xiàng)目更加清楚明了;
對(duì)于有副作用的內(nèi)容借助中間件來(lái)實(shí)現(xiàn)會(huì)簡(jiǎn)單很多,但是在使用中間件前要了解該中間件的作用,例如我們經(jīng)常使用redux-thunk,其目的是讓dispatch能夠接收一個(gè)函數(shù)作為參數(shù)(原則上來(lái)說(shuō)其只能接收一個(gè)對(duì)象作為參數(shù)),從而在函數(shù)中異步任務(wù)執(zhí)行完畢再執(zhí)行更新state;
自己應(yīng)該構(gòu)建屬于自己的項(xiàng)目模板,每次開(kāi)展新項(xiàng)目時(shí)執(zhí)行拿來(lái)主義操作即可。