#Redux

React-Redux系列5:代码优化

本节主要针对之前的ToDoList代码做下优化(1)删除无用构造器         (2)解构赋值优化this.props取值    优化如下  注意位置:解构赋值语法定义的局部变量要写在render内部    (3)无状态UI组件抽离  将当前组件...

React-Redux系列4:增加listData列表数据

接着之前的react-redux完善ToDoList案例,实现点击按钮,添加列表项功能(1)添加按钮响应事件   (2)编写映射关系      (3)编写reducer.js进行state的业务逻辑处理    测试如下,此时便完成了列表数据的添加操作   &n...

React-Redux系列3:修改Store state的值

目前为止的ToDoList案例已经可以正常展示,但是还不能修改编辑,如下所示 此时控制台报错提示,缺少onChange响应事件,所以接下来编写响应事件,改变state状态值。(1)通常做法  之前的做法都是绑定具体方法进行调用,如下所示,绑定handleInput方法,当输入值时进行输出打印    ...

React-Redux系列2:Provider提供器和Connect连接器

本节主要介绍react-redux的两个知识点:1、提供器Provider;2、Connect连接器。(1)提供器provider  被Provider包裹的组件,可以直接获取store仓库的状态值,用法如下     只要被Provider包裹的组件都可以方便获取store  (2)连接器Connect  提...

React-Redux系列1:简介和安装

(1)初始化项目  安装完毕后,删除src下其他文件,留下index.js入口文件,如下所示      接下来首先安装redux和react-redux依赖(因为react-redux依赖redux,是在redux基础上建立起来的)>npmireduxreact-redux--save    ...

Redux中间件redux-saga中间件之安装、配置、使用

(1)前言    (2)安装  首先安装相关依赖>npmiredux-saga--save     (3)配置  接下来开始进行编写配置,文件位置src/store/index.js。先将之前的redux中间件redux-thunk做下备份,然后开始配置redux...

Redux中间件redux-thunk中间件之安装、配置、使用

(1)概念图+简介      中间件相当于在Action到Reducer的中间放置了一个函数,常用场景:项目日志、创建奔溃报告、调用异步接口等等。   例如之前常用案例ToDoList里的Redux结合axios异步获取数据     实际开发里,一般会将异步调用放到Redux中间...

Redux优化之JS纯函数(Pure Function)

介绍一下一个函数式编程里面非常重要的概念——纯函数(PureFunction)。简单来说,一个函数的返回结果只依赖于它的参数,并且在执行过程里面没有副作用,我们就把这个函数叫做纯函数。这么说肯定比较抽象,我们把它掰开来看:函数的返回结果只依赖于它的参数。函数执行过程里面没有副作用。consta=...
代码星球 ·2020-04-08

Redux 中文文档

http://cn.redux.js.org/docs/introduction/Ecosystem.html...
代码星球 ·2020-04-06

学习一些和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...

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...

Redux 视频教程

           视频地址:http://www.imooc.com/learn/744 ...
代码星球 ·2020-04-01
首页上一页123下一页尾页