短期内关于react的对后一篇笔记。假设读者对redux和router4有基本了解。 缘由: 现在网上很多关于react+redux的文章都是沿用传统的文件组织形式,即: 这样的目录形式。这种形式的一个好处是:store中的状态一开始就是完整的,在按需加载的时候不需要特意更新root reducer ...
分类:
其他好文 时间:
2017-11-13 11:10:52
阅读次数:
142
当我们在执行某个动作的时候,会直接dispatch(action),此时state会立即更新,但是如果这个动作是个异步的呢,我们要等结果出来了才能知道要更新什么样的state(比如ajax请求),那就没办法了,所以此时要用异步action。 这里一定要引入redux-thunk这个库,通过使用中间件 ...
分类:
其他好文 时间:
2017-11-08 19:44:00
阅读次数:
125
基于 redux、redux-saga 和 react-router 的轻量级前端框架,是支付宝前端应用架构的发展和选择。 主要代码由4个部分组成:router,modle,routes,service。 此时,我按照我们项目目前应用某一模块举例(安全联动项目二期指标管理) 1、route,添加路由 ...
分类:
其他好文 时间:
2017-11-06 18:00:27
阅读次数:
1447
之前为了学习redux买了一本《深入浅出react和redux》,只看了redux部分。最近重新一遍,还是很有收获,这里结合阅读文档时的一些理解,记下一些初学者可能不太注意的东西。 原则: 1.react原本的目标是为设计视图组件,UI=render(data);一个react组件有两个数据源可以驱 ...
分类:
其他好文 时间:
2017-10-29 12:56:46
阅读次数:
195
这里是关键源码,就是帮你包了一层dispatch。一般配合 ...
分类:
其他好文 时间:
2017-10-28 13:51:03
阅读次数:
177
RN官方指定的路由管理是navigation 通过打印我们可以得到navgation的相关属性 1:dispatch ,Redux的事件发起 2:goback()返回 3:navigate(routeName,{parmas:xxx}) 界面跳转并且添加参数(或者是回调函数) 4:state:这个对 ...
分类:
其他好文 时间:
2017-10-23 18:03:01
阅读次数:
2004
1、集成react+redux的场景。 在不同的路由页面下,控制公共的头部显示和隐藏等功能。因为路由和Header之间不是直接的父组件和子组件的关系,所以通过pros传参满足不了。这个时候引入redux共享state(redux的state和component里的state毫无关系http://ww ...
分类:
其他好文 时间:
2017-10-19 16:58:49
阅读次数:
182
快进到现在,我发现现代web开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑,尤其对于初学者而言。首要原因是新的框架,例如 Angular 2和ReactJs出现了,使用了尚未完全定型的ECMAScript 6特性。并且有更多的工具可用于转换ES6代码为普通的旧的JavaScript代码,也 ...
分类:
Web程序 时间:
2017-10-18 14:56:04
阅读次数:
186
With redux-observable, we have the power of RxJS at our disposal - this means tasks that would otherwise be complicated and imperative, become simple ...
分类:
Web程序 时间:
2017-10-16 02:15:30
阅读次数:
199
redux原理 某公司有物流(actionType)、电商(actionType)、广告(actionType)3块业务,在公司财务系统(state)统一记录着三块业务分别赚取到的资金。某天,电商业务在公司电商平台销售了价值100w的商品(action),赚取到的资金通过发票(dispatch)的形 ...
分类:
其他好文 时间:
2017-09-27 23:16:49
阅读次数:
195