The code to be refactored: let nextTodoId = 0; class TodoApp extends Component { render() { const { todos, visibilityFilter } = this.props; const visi
分类:
其他好文 时间:
2016-01-27 19:39:58
阅读次数:
134
上节课,我们介绍了一些es6的新语法:react+redux教程(三)reduce()、filter()、map()、some()、every()、...展开属性今天我们通过解读redux-undo的官方示例代码来学习,在redux中使用撤销功能、devtools功能、以及router。例子这个例子...
分类:
其他好文 时间:
2016-01-27 12:33:47
阅读次数:
664
react这么热门的框架也不介绍了,redux是一个单项数据流的小框架,当然不只配合react,它起初是为react而配的,现在面向所有了,比如ng-redux的项目。redux做为react的标准搭配,大有超越flux的势头。今天show一个例子来入门redux。源码在此。(本文默认你已有reac...
分类:
其他好文 时间:
2016-01-22 14:28:40
阅读次数:
383
reduce()、filter()、map()、some()、every()、...展开属性 这些概念属于es5、es6中的语法,跟react+redux并没有什么联系,我们直接在https://developer.mozilla.org/en-US/ 这里可以搜索到相关api文档。但是redux的...
分类:
其他好文 时间:
2016-01-21 19:11:39
阅读次数:
184
曾经看到一篇文章,写的是jquery开发者吐槽angular的复杂。作为一个angular开发者,我来吐槽一下react+redux的复杂。例子为了让大家看得舒服,我用最简单的一个demo来展示react+redux的“弯弯绕”,下面这个程序就是我用react和redux写的。然而这个程序在angu...
分类:
其他好文 时间:
2016-01-13 13:01:35
阅读次数:
2000
/** * A reducer for a single todo * @param state * @param action * @returns {*} */const todo = ( state, action ) => { switch ( action.type ) { ...
分类:
其他好文 时间:
2016-01-12 21:24:55
阅读次数:
199
Learn how to create a React todo list application using the reducers we wrote before./** * A reducer for a single todo * @param state * @param action ...
分类:
其他好文 时间:
2016-01-12 19:21:34
阅读次数:
142
大家多少都自己写过各种版本的分页工具条吧,像纯服务版的,纯jsWeb板的,Angular版的,因为这个基础得不能再基础的功能太多地方都会用到,下面我给出以个用ReactJS实现的版本,此React版分页组件请亲们结合redux来使用比较方便,UI = Fn(State)基本流程就是:用户交互->Ac...
分类:
Web程序 时间:
2015-12-28 12:17:12
阅读次数:
253
redux的源码很简洁,除了applyMiddleware比较绕难以理解外,大部分还是
这里假设读者对redux有一定了解,就不科普redux的概念和API啥的啦,这部分建议直接看官方文档。
此外,源码解析的中文批注版已上传至github,可点击查看。本文相关示例代码,可点击查看。
分类:
其他好文 时间:
2015-12-28 10:31:26
阅读次数:
203
本周开始用react开发新项目了,而为了配合react我们选择了Redux框架来管理state。由于之前一直在业余时间学习react和腾讯地图api,无暇顾及学习redux,所以项目刚上手时对redux一无所知,虽然我们领导详细给我们说了这个框架的思路,但是还是听得云里雾里的,没办法啊做过和没做过真...
分类:
其他好文 时间:
2015-12-28 00:44:55
阅读次数:
192