/** * Created by Mrzou on 2018/3/11. *///实现简单的订阅与发布模式的代码块export function pattern() { let currentListeners = [] function subscribe(type, listener) { if ...
分类:
其他好文 时间:
2018-03-11 21:12:55
阅读次数:
153
这篇文章将会示范如何使用NgRx/Store 4和Angular5。 是基于RxJS的状态管理库,其灵感来源于Redux。在NgRx中,状态是由一个包含action和reducer的函数的映射组成的。Reducer函数经由action的分发以及当前或初始的状态而被调用,最后由reducer返回一个不 ...
分类:
其他好文 时间:
2018-03-11 00:10:04
阅读次数:
476
对于一些页面较多、功能复杂,组件之间交互频繁且结构复杂的App,通过修改state的方式重新渲染页面,就会出现卡到爆炸的效果,这时就要使用redux了。 下面,我们来看一下使用了redux的APP结构,下面是我按照我的理解画了一张图,多出来右边三个部分,原来container外层多了一个Provid ...
分类:
其他好文 时间:
2018-03-08 17:32:00
阅读次数:
287
遇到的一些小坑 React组件内部想要调用store里的action方法,得如下图,否则不会调用 React组件内部想要调用store里的action方法,得如下图,否则不会调用 而不能如下图 组件中调用改变store的action后,状态变化并不会立刻反应到组件中,而后面的代码却又依赖于这个状态变 ...
分类:
其他好文 时间:
2018-02-26 15:07:32
阅读次数:
388
有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,因为同期 React 太火,它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的,下面我们来一探究竟。 1、什么是Immutable? I ...
分类:
其他好文 时间:
2018-02-25 15:57:27
阅读次数:
1502
1、数据流 2、redux的实现 3、context的使用 在生命周期方法中引用 Context 如果 contextTypes 在组件中定义,下列的生命周期方法将接受一个额外的参数, context 对象: constructor(props, context) componentWillRece ...
分类:
其他好文 时间:
2018-02-24 23:09:09
阅读次数:
191
[1]核心概念 [2]简单实例 [3]目录结构 [4]UI层 [5]异步 [6]展示和容器 [7]最终结构 ...
分类:
其他好文 时间:
2018-02-15 00:41:14
阅读次数:
263
ps: 最近在学react和redux。用了几天时间看了下,个人觉得react本身比较易懂,但是涉及到的各种中间件和api让人脑阔疼(正好前段时间用vue+koa写了个简易的博客,对中间件还算理解)。在看到redux的时候,被这个real world的栗子难住了(个人水平太low)还2天过年,心思也 ...
分类:
其他好文 时间:
2018-02-12 20:05:18
阅读次数:
131
1、https://vuex.vuejs.org/zh-cn/intro.html (vuex) 这就是 Vuex 背后的基本思想,借鉴了 Flux、Redux、和 The Elm Architecture。与其他模式不同的是,Vuex 是专门为 Vue.js 设计的状态管理库,以利用 Vue.js ...
分类:
其他好文 时间:
2018-02-12 18:48:28
阅读次数:
184
最近一段一直在加班做项目,几乎每天都要加班到晚上9点,每周也只休息一天,一直没有时间把eact全家桶,再整体熟悉一遍。索性,就在最近的项目中,借鉴了react redux的思想,维护状态和发布action。 用了几次发现状态管理思想,确有独特之处。会使你项目中有哪些状态一目了然,状态的管理也更加透明 ...
分类:
其他好文 时间:
2018-02-11 23:44:04
阅读次数:
313