美文网首页
rxjs-02 -Ngrx、RxJs、Redux的初步探究

rxjs-02 -Ngrx、RxJs、Redux的初步探究

作者: Gaizka | 来源:发表于2018-10-19 14:58 被阅读80次

Ngrx

Ngrx是引入了RxJs和符合Redux设计标准的js库,其整合了RxJs和Redux的功能,可以引入到Angular中进行异步数据管理和状态管理

RxJs

全称Reactive Extension for JavaScript,rxjs主要用于处理异步数据,具有高弹性、高稳定性、高实时性的特点。

传统赋值型的编程方式中,如果一个变量被赋值并且接下来没有在改变这个变量的值,那么这个变量不会因为赋值给他的变量变化而变化,举例说明为:

b = 1;

c = 1;

a = b+ c;

无论b和c接下来怎么变化,a的值2都不会变

而响应式编程中,变量是会随着赋值给他的变量变化而变化的,举例说明:

b = 1;

c = 1;

a = b + c;

b = 2;

在赋值b=2之后,a的值也随即更新为3

RxJS

是一种针对异步数据流编程工具,或者叫响应式扩展编程;可不管如何解释RxJS其目标就是异步编程,Angular引入RxJS为了就是让异步可控、更简单。

Redux

Redux的出现就是为了管理单页应用程序中复杂的状态(state)问题,Redux的建立基础是CQRS和ES。Redux记录的是状态的变化过程,而不是状态实时的值,通过事件溯源的方式还原状态变化的过程,一方面在还原问题上简化了许多,另一方面在事件管理上也能较为清晰地反映状态变化的情况与联系,便于管理复杂的状态问题

相关文章

  • rxjs-02 -Ngrx、RxJs、Redux的初步探究

    Ngrx Ngrx是引入了RxJs和符合Redux设计标准的js库,其整合了RxJs和Redux的功能,可以引入到...

  • Angular技术点(NgRxStore)

    NgRx/Store @ngrx/store是基于RxJS的状态管理库。在NgRx中,状态是由一个包含action...

  • NgRx/Store 4 + Angular 5使用教程

    本文将会示范如何使用NgRx/Store 4和Angular5。@ngrx/store是基于RxJS的状态管理库,...

  • NgRx

    1. 概述 NgRx 是 Angular 应用中实现全局状态管理的 Redux 架构解决方案 @ngrx/sto...

  • NgRX-01

    1. 介绍ngrx ngrx 相当于 Angular 版本的 redux,是 Angular 的状态管理工具 2....

  • 使用 Ngrx ActionSubject 监听 Dispatc

    NgRx 是一个用于 Angular 应用开发的响应式 State 管理工具库。 受到 Redux 的影响,Ngr...

  • Angular也玩Redux--ngrx

    Ngrx简介 将 component 与service 的状态统一放到 store,当 store 的状态有更新,...

  • react + redux的简单demo

    react + redux的入门级demo 概述 初步熟悉react 和 redux 的一个demo,界面比较粗糙...

  • Redux初步理解

    Redux笔记 参考理解 Redux 中文文档Redux 阮一峰 严格的单向数据流是Rduex设计核心。 Redu...

  • redux初步理解

    redux是一个第三者状态管理架构成员: 仓库(store) 收货员(reducer) 库管(getState,s...

网友评论

      本文标题:rxjs-02 -Ngrx、RxJs、Redux的初步探究

      本文链接:https://www.haomeiwen.com/subject/etnyzftx.html