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

大家好，我是“前端点线面”，一位新生代农民工，欢迎关注我获取最新前端知识和大量思维导图(“百题斩”获取《前端百题斩》pdf版；分别回复“go、React、操作系统、Linux、设计模式、js、webpack、nginx、Redux”获取对应学习思维导图，一起卷起来)

俗话说的好“好记性不如烂笔头”，今天秉承着后期复习方便的态度，整理了一份Redux基础知识点，并以思维导图的方式呈现出来，方便跟老铁们一起查漏补缺。【本篇思维导图回复“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. 自己应该构建属于自己的项目模板，每次开展新项目时执行拿来主义操作即可。

················· 执鸢者简介 ·················

你好，我是执鸢者，毕业于华中科技大学，现在是一名百度前端研发工程师，写有多篇原创文章，分享自己在学习中的点滴收获，近期撰写了《前端百题斩》系列文章(回复“百题斩”获取）、go入门文章，近期在撰写React系列文章，欢迎喜欢的小伙伴领取相关资料。

识别上方二维码加我微信、拉你进交流群

[1] 五万字前端面试宝典——前端百题斩（上）新鲜出炉

[2] 纯CSS实现beautiful按钮

[3] 一张思维导图入门React

[4] 一文搞定Diff算法

[5] 16张图入门Nginx——（前端够用，运维入门）