一、Redux成员及数据流 1.Redux成员 ①actions:描述操作的对象,调用dispatch时需要传入 ②store:整个应用数据存储的仓库,把全局数据保存起来 ③reducers:接收actions并更新store 注意:redux是一个单独的数据流框架,和react没有直接联系,我们也 ...
分类:
其他好文 时间:
2020-02-01 14:51:45
阅读次数:
76
react-todolist.gif 一: 写在文章开头 今天我们就使用 react 来实现一个简易版的 todolist ,我们可以使用这个 demo 进行 list 的增删改差,实际效果如上图所示。大家可以clone下来查看:react-todolist 这篇文章我们就不使用 redux,因为这 ...
分类:
其他好文 时间:
2020-02-01 12:51:39
阅读次数:
95
一、简述 redux的工程化管理 1.reducer的模块化划分:每一个板块有一个自己对应的reducer,最后基于一些方法把所以的reducer合并即可; 2.基于actionCreator统一管理每次派发需要的行为对象,而且和reducer一样,也是分板块管理的; 3.把dispatch和red ...
分类:
其他好文 时间:
2020-01-19 19:36:39
阅读次数:
100
一、执行流程 全局有一个公共的容器(所有组件都可以操作),我们可以在某个组件中把全局容器中的信息进行修改,而只要全局信息修改,就可以通知所有用到该信息的组件重新渲染(类似于发布订阅)==》redux就是这种解决方案:redux只有一个作用,就是为了实现组件之间的信息交互。 1.执行createSto ...
分类:
其他好文 时间:
2020-01-19 19:34:10
阅读次数:
155
简介 Redux 是 JavaScript 状态容器,提供可预测化的状态管理 Redux 除了和 React 一起用外,还支持其它库( jquery ... ) 它体小精悍(只有2kB,包括依赖) 由 Flux 演变而来,但受 Elm 的启发,避开了 Flux 的复杂性。 安装 稳定版 附加包 Re ...
分类:
其他好文 时间:
2020-01-19 19:29:12
阅读次数:
77
直接看代码 mydux.js文件 function createStore(reducer) { /** * 1.注册用到的方法,并return出去提供使用 * 2.定义默认的状态与事件池 * 3.默认先触发一次dispatch给state赋予默认值 * 4.componentDidMount后会通 ...
分类:
其他好文 时间:
2020-01-19 18:57:46
阅读次数:
68
React Navigation: Android 和 iOS 设备上的路由工具,包括手势和动画。 零、环境篇 在使用 react-navigation 之前,我们需要创建一个 react-native 项目。(参考https://reactnative.cn/docs/getting-starte ...
分类:
其他好文 时间:
2020-01-17 21:19:42
阅读次数:
84
2020年第一篇随笔。 今天我读了Redux的实例代码,读完之后有一些感触。这段代码展示的是:一开始将所有的reducer都放在一起,然后给一个函数传入的是整个store的state。然后从中提取出来不同类型的reducer,比如处理setFilter的放到一类,处理todos的放到一类,写两个不同 ...
分类:
其他好文 时间:
2020-01-16 18:57:26
阅读次数:
76
React Store:提供的方法{ store.dispatch() store.subscribe(() => { this.forceUpdate(); // this.setState({}); }); store.getState() } // import { createStore, ...
分类:
其他好文 时间:
2020-01-12 11:23:39
阅读次数:
92
一、概述 官方文档:https://vuex.vuejs.org/zh/installation.html 1.1vuex有什么用 Vuex:实现data(){}内数据多个组件间共享一种解决方案(类似react的redux) 1.2什么情况下使用vuex 虽然 Vuex 可以帮助我们管理共享状态,但 ...
分类:
其他好文 时间:
2020-01-11 09:34:53
阅读次数:
62