好记性不如烂笔头——Redux篇

567 阅读1分钟

俗话说的好“好记性不如烂笔头”,今天秉承着后期复习方便的态度,整理了一份Redux基础知识点,并以思维导图的方式呈现出来,方便跟老铁们一起查漏补缺。

Redux.png

一、初始化

初始化.png

二、三大原则

三大原则.png

三、基础

基础.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创建函数

异步Action创建函数.png

六、搭配React

搭配React.png

七、感悟

在整理这些基础知识点的过程中,有以下几点感悟,不一定正确,分享出来与大家探讨:

  1. Redux是用来进行状态管理的,用起来确实会让整个项目更加清楚明了;
  2. 对于有副作用的内容借助中间件来实现会简单很多,但是在使用中间件前要了解该中间件的作用,例如我们经常使用redux-thunk,其目的是让dispatch能够接收一个函数作为参数(原则上来说其只能接收一个对象作为参数),从而在函数中异步任务执行完毕再执行更新state;
  3. 自己应该构建属于自己的项目模板,每次开展新项目时执行拿来主义操作即可。

1.如果觉得这篇文章还不错,来个分享、点赞吧,让更多的人也看到

2.欢迎关注公众号前端点线面,开启编程救赎之路。