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

简介: 好记性不如烂笔头——Redux篇

640.png

一、初始化



640.png


二、三大原则


640.png


三、基础


640.png


四、API


640.png


4.1 createStore


640.png


4.2 Store


640.png

4.3 combineReducers

640.png


4.4 applyMiddleware

640.png


4.5 bindActionCreators


640.png

4.6 compose

640.png


五、异步Action创建函数



640.png


六、搭配React


640.png


七、感悟



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


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


相关文章
|
11月前
|
存储 缓存 固态存储
昨晚,我体会了没有 pnpm 的痛(一)
昨晚,我体会了没有 pnpm 的痛(一)
82 0
|
11月前
|
存储 资源调度 Linux
昨晚,我体会了没有 pnpm 的痛(二)
昨晚,我体会了没有 pnpm 的痛(二)
69 0
|
11月前
|
前端开发 JavaScript 开发者
能把队友气死的8种屎山代码(React版)(下)
能把队友气死的8种屎山代码(React版)
96 0
能把队友气死的8种屎山代码(React版)(下)
|
11月前
|
前端开发 JavaScript
能把队友气死的8种屎山代码(React版)(上)
能把队友气死的8种屎山代码(React版)
168 0
能把队友气死的8种屎山代码(React版)(上)
|
12月前
|
IDE 开发工具 Python
这样的奇技淫巧,劝你不用也罢
这样的奇技淫巧,劝你不用也罢
103 0
|
存储 JavaScript 前端开发
纯手硬撸Redux
当今不管作为一个前端小白还是一个资深的前端攻城狮。如果不掌握几种前端框架(React,Vue,ng),都不好意思出去说自己是做前端。但是面对如此之多的前端框架,尤其是React、Vue这种纯负责UI展示的架子来说。有一件事是绕不开的就是前端的数据存储问题。 作为业界层出不穷的数据处理框架Redux(React的数据存储框架)又是不得不提起的。 Vue的数据处理一般用Vuex。但是他的设计思路都是基于Redux等。 所以,有必要看看Redux是如何实现数据存储,又如何使得存储的数据被组件获取,并且组件在触发CRUD的时候,能够及时更新数据呢。 我们就按照Redux的实现原理来剖析一下这些数据存储
纯手硬撸Redux
|
JavaScript 前端开发 程序员
巧用NodeJs帮老板解决个人需求!老板娘直呼:"牛!niu!🐂!"
大家好,我是HoMeTown 继上次用Js+Css给Boss秀完肌肉💪🏻,打出组合拳之后,(#敢在我工位装摄像头?吃我一套JS ➕ CSS组合拳!!👊🏻),今天是老板奖励我连续工作的第7/31天,不过就在今天,这个糟糕的事情终于赢来了新的转机,老板有了一个大不大,小不小的个人需求想让我看能不能写一段脚本,帮他度过难关,听完之后,我觉得是时候拿回作为程序员的尊严!展示一把真正的肌肉💪🏻了(破音~~~!)。
134 0
|
前端开发 JavaScript API
我明白了,看哲波老师react设计哲学的观后感
react 是一个视图层的类库,主要是做dom渲染和响应事件的事情,如果想更高的把控它,可以有脱离基础语法束缚的哲学,从而能够站的更高。
235 0
我明白了,看哲波老师react设计哲学的观后感
|
设计模式 JavaScript 前端开发
我明白了,Vue3设计与实现-权衡的艺术读后感
权衡的艺术,看到这个名字,我瞬间脑袋就像个灯泡一样,瞬间一亮。我喜欢,我很想知道vue权衡的艺术,就像上帝为什么要造人一样的艺术(狗头)。好了,开始。
158 0
我明白了,Vue3设计与实现-权衡的艺术读后感
好记性不如烂笔头——Vuex篇
好记性不如烂笔头——Vuex篇
好记性不如烂笔头——Vuex篇

相关实验场景

更多