51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#Redux
React-Redux系列5:代码优化
本节主要针对之前的ToDoList代码做下优化(1)删除无用构造器 (2)解构赋值优化this.props取值 优化如下 注意位置:解构赋值语法定义的局部变量要写在render内部 (3)无状态UI组件抽离 将当前组件...
代码星球
·
2020-04-08
React-Redux
系列
代码
优化
React-Redux系列4:增加listData列表数据
接着之前的react-redux完善ToDoList案例,实现点击按钮,添加列表项功能(1)添加按钮响应事件 (2)编写映射关系 (3)编写reducer.js进行state的业务逻辑处理 测试如下,此时便完成了列表数据的添加操作 &n...
代码星球
·
2020-04-08
React-Redux
系列
增加
listData
列表
React-Redux系列3:修改Store state的值
目前为止的ToDoList案例已经可以正常展示,但是还不能修改编辑,如下所示 此时控制台报错提示,缺少onChange响应事件,所以接下来编写响应事件,改变state状态值。(1)通常做法 之前的做法都是绑定具体方法进行调用,如下所示,绑定handleInput方法,当输入值时进行输出打印 ...
代码星球
·
2020-04-08
React-Redux
系列
修改
Store
state
React-Redux系列2:Provider提供器和Connect连接器
本节主要介绍react-redux的两个知识点:1、提供器Provider;2、Connect连接器。(1)提供器provider 被Provider包裹的组件,可以直接获取store仓库的状态值,用法如下 只要被Provider包裹的组件都可以方便获取store (2)连接器Connect 提...
代码星球
·
2020-04-08
React-Redux
系列
Provider
提供
Connect
React-Redux系列1:简介和安装
(1)初始化项目 安装完毕后,删除src下其他文件,留下index.js入口文件,如下所示 接下来首先安装redux和react-redux依赖(因为react-redux依赖redux,是在redux基础上建立起来的)>npmireduxreact-redux--save ...
代码星球
·
2020-04-08
React-Redux
系列
简介
安装
Redux中间件redux-saga中间件之安装、配置、使用
(1)前言 (2)安装 首先安装相关依赖>npmiredux-saga--save (3)配置 接下来开始进行编写配置,文件位置src/store/index.js。先将之前的redux中间件redux-thunk做下备份,然后开始配置redux...
代码星球
·
2020-04-08
中间件
Redux
redux-saga
安装
配置
Redux中间件redux-thunk中间件之安装、配置、使用
(1)概念图+简介 中间件相当于在Action到Reducer的中间放置了一个函数,常用场景:项目日志、创建奔溃报告、调用异步接口等等。 例如之前常用案例ToDoList里的Redux结合axios异步获取数据 实际开发里,一般会将异步调用放到Redux中间...
代码星球
·
2020-04-08
中间件
Redux
redux-thunk
安装
配置
Redux优化之JS纯函数(Pure Function)
介绍一下一个函数式编程里面非常重要的概念——纯函数(PureFunction)。简单来说,一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。这么说肯定比较抽象,我们把它掰开来看:函数的返回结果只依赖于它的参数。函数执行过程里面没有副作用。consta=...
代码星球
·
2020-04-08
Redux
优化
JS
函数
Pure
Redux 中文文档
http://cn.redux.js.org/docs/introduction/Ecosystem.html...
代码星球
·
2020-04-06
Redux
中文
文档
学习一些和redux一样作用的mobx知识
两个组件:mobx和mobx-react英文文档:https://mobx.js.org/refguide/object.html中文文档:https://cn.mobx.js.org/ 样例:https://codepen.io/sjzcxc/pen/xYydMP?editors=1010https://c...
代码星球
·
2020-04-06
学习
一些
redux
一样
用的
react/redux组件库、模板、学习教程
开源的有蚂蚁金服的:1、https://pro.ant.design/index-cn2、https://pro.ant.design/docs/getting-started-cn3、https://github.com/shengulong/ant-design4、https://ant.design/docs/r...
代码星球
·
2020-04-06
react
redux
组件
模板
学习教程
Redux 视频教程
视频地址:http://www.imooc.com/learn/744 ...
代码星球
·
2020-04-01
Redux
视频
教程
首页
上一页
1
2
3
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他