前言:ant-design-pro的技术组成主要是react+redux+dva+antd+fetch+roadhog,dva在源码包index.js里面导出了fetch,但是如果不想使用fetch库,想换成其他库也是可以的(axios后期扩展性更好些),roadhog主要是基于webpack实现的 ...
分类:
其他好文 时间:
2019-04-09 15:13:51
阅读次数:
187
洋葱模型 洋葱模型,是从冰山模型上演变而来的,用来进行层次分析的模型,这是Redux的洋葱模型。 action从最外层传入,层层传递直至核心后,经过逐层事件触发,再次被分发出来,执行后续操作。 洋葱模型如今已经广泛应用于各个领域,进行更直观清晰的分层剖析。 The Clean Architectur ...
分类:
移动开发 时间:
2019-04-08 18:40:13
阅读次数:
453
1、在项目中安装redux插件 npm install redux -S 2、针对单独的view组件定义store状态存储对象,参数为对状态的更新操作函数 3、在view组件中引入store状态存储对象,并且在constructor中监听状态的变化,更新view上的数据 ...
分类:
其他好文 时间:
2019-03-28 18:11:08
阅读次数:
180
每当提到Dva的时候,总会提到这个概念,就去扒文章找到这个比较好理解的; 定义: 一个中间件,也是异步解决方案,可以用来代替redux-thunk; 用途: 当项目比较大的时候,异步操作在action中会显得混乱,此时用saga来作统一的异步处理; 好处: 避免回调地狱,代码比较整齐; ...
分类:
其他好文 时间:
2019-03-26 15:11:34
阅读次数:
469
以下是我的react-navigation 版本 redux 版本 ...
分类:
其他好文 时间:
2019-03-25 00:57:52
阅读次数:
287
1 安装react-redux: npm install --save react-redux 2.之前使用redux的store.subscribe监听 store的状态改变,通过store.getState函数获取store的状态值;并且需要划分ui组件和聪明组件,着实很麻烦,引入react-r ...
分类:
其他好文 时间:
2019-03-17 19:51:29
阅读次数:
215
如图,这个redux工作流程的一个图例,咋一看特别复杂,是不是特别难,其它他非常的简单,之前了解过,redux就是一个数据层的框架,他把所有的数据都放在了store之中,大家可以看到,这张图里面放着一个store,里面放着所有的数据,然后还讲了每个组件都要去store里面拿数据。然后每个组件也可以去 ...
分类:
其他好文 时间:
2019-03-17 10:51:52
阅读次数:
202
如果我们想使用redux,第一步需要通过 yarn add redux 来安装redux 安装成功后就需要去创建一个store,怎么创建呢,非常的简单,在src下面创建一个文件夹,这个文件夹名字就叫做store,里面有个index.js,reducer.js index.js import { cr ...
分类:
其他好文 时间:
2019-03-17 10:40:56
阅读次数:
208
redux: http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html https://baike.baidu.com/item/redux/20404237 https://www.redux ...
分类:
其他好文 时间:
2019-03-12 21:23:40
阅读次数:
168
第1章 课程介绍本章主要介绍课程大纲、课程目标,以及开发环境搭建和实战案例演示。第2章 React项目脚手架:create-react-app本章介绍React生态中最流行的脚手架:Create React App, 包括安装、基本用法、创建Mock数据等。第3章 React思维方式:跟着Todo项 ...
分类:
移动开发 时间:
2019-03-10 09:36:23
阅读次数:
1095