react-redux提供两个关键模块:Provider和connect。 Provider Provider这个模块是作为整个App的容器,在你原有的App Container的基础上再包上一层,它的工作很简单,就是接受Redux的store作为props,并将其声明为context的属性之一,子 ...
分类:
其他好文 时间:
2016-04-28 00:28:49
阅读次数:
203
1、Redux简介 在Redux中,最为核心的概念就是 state、action 、reducer 以及 store。 以常见的红路灯为例,将其应用到Redux中: action:就是灯的变化,"红变绿"等,用名词表述 state:就是灯的名字,红灯、绿灯等,用名词表述 reducer:就是灯的变化 ...
分类:
其他好文 时间:
2016-04-27 20:18:53
阅读次数:
126
redux的单元测试命令为 无奈windows下面NODE_ENV不是个命令,无法执行,需要加set 然而还是不行,原因是因为react取不到process.env.NODE_ENV,需要后台传给前端, 解决方法:在webpack中有一个插件可以解决这个问题: 加上后面这个插件就可以了,亲测可用。 ...
新手看网上一些redux文章,很容易被那些概念搞糊涂,本人照着官方例子打算写个系列新手教程,大家可以参考下,转载请注明出处 教程1即没有用到react,也没有用到npm这些东西,非常适合大家从本质上理解redux。 1.加载redux.js <script src="https://npmcdn.c ...
分类:
其他好文 时间:
2016-04-21 13:36:28
阅读次数:
298
上周利用业余的时间看了看Redux,刚开始有点不适应,一下在有了Action、Reducer、Store和Middleware这么多新的概念。 经过一些了解之后,发现Redux的单向数据里的模式还是比较容易理解的,结合着Redux的单向数据流模型,很多概念就比较清晰了。 下面就按照自己的理解整理出了 ...
分类:
其他好文 时间:
2016-04-18 11:37:10
阅读次数:
181
react为什么需要redux辅助???react是view层的单向数据流框架,数据需要一层一层往子组件传递(子组件并不会自动继承)。子组件需要操作父组件的数据时,需要父组件给子组件传递一个方法,子组件调用该方法才能改变父组件的数据。如果组件的层次太深会这种传递会很繁琐,令代码沉余。用redux能很 ...
分类:
其他好文 时间:
2016-04-15 00:40:52
阅读次数:
1159
提到redux,会想到函数式编程。什么是函数式编程?是一种很奇妙的函数式的编程方法。你会感觉函数式编程这么简单,但是用起来却很方便很神奇。 在《functional javascript》中,作者批评了java那种任何东西都用对象来写程序的方式,提倡了这种函数式编程。 之前看过一些函数式编程的例子( ...
分类:
其他好文 时间:
2016-04-06 14:51:46
阅读次数:
190
redux里面都是一个一个的模块,比如这个0, 一直到后面的9,一共9个模块,都导出了一些redux的方法,比如这个9,一个匿名函数,然后导出他写的方法。9里面就这一个方法。英文注释也蛮清楚的,检测类对象的方法。 然后redux开始呢,定义了一个导出模块和缓存模块的方法: 上面这个函数用模块id缓存 ...
分类:
其他好文 时间:
2016-04-05 22:59:12
阅读次数:
440
今天分享一个react应用,应在第一篇作品中说要做一个react+redux+xxx的应用。已经做完一部分,拿出来分享。github地址为:点我就可以咯~ 这里实现了一个新闻移动站的spa。本来想写pc端的,但是比较懒,而且因为主要是react的项目,关于css和布局的细节就是糊弄人的了。T.T,这 ...
分类:
移动开发 时间:
2016-04-03 17:15:44
阅读次数:
595
redux好难懂,终于明白了一点,做了个小demo,记录一下。先看目录结构:src|--index.js|--actions|--index.js|--components|--Additem.js|--App.js|--ItemList.js|--reducers|--index.js最终效果如图:redux三大件:actions,reducers,store,Action是把数据从应用(译者注:这里..
分类:
Web程序 时间:
2016-03-15 00:56:53
阅读次数:
377