首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

redux-saga

一.目标定位 redux-saga is a library that aims to make side effects (i.e. asynchronous things like data fetching...作为一个Redux中间件,想让Redux应用中的副作用(即依赖/影响外部环境的不纯的部分)处理起来更优雅 二.设计理念 Saga像个独立线程一样,专门负责处理副作用,多个Saga可以串行/并行组合起来,redux-saga...所以添一层描述对象来解决这个问题,测试case中可以简单比较描述对象,实际起作用的Promise由redux-saga内部生成 这样做的好处是单测中不用mock异步方法(一般单测中会把所有异步方法替换掉...区别是Flux用action描述消息(发生了什么),而redux-saga用Effect描述操作指令(要做什么) Effect creator redux-saga/effects提供了很多用来生成Effect...常用的Effect creator如下: 阻塞型方法调用:call/apply 详见Declarative Effects 非阻塞型方法调用:fork/spawn 详见redux-saga’s fork

1.9K41
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    一文梭穿Vuex、Flux、Redux、Redux-saga、Dva、MobX

    处理异步 对于异步操作来说,有两个非常关键的时刻:发起请求的时刻,和接收到响应的时刻(可能成功,也可能失败或者超时),这两个时刻都可能会更改应用的 state。...$store.state.count } } } State 改变,View 就会跟着改变,这个改变利用的是 Vue 的响应式机制。...在具体细节上有一些差异,总的来说都是让 View 通过某种方式触发 Store 的事件或方法,Store 的事件或方法对 State 进行修改或返回一个新的 State,State 改变之后,View 发生响应式改变...在聊 redux-saga 之前,需要熟悉一些预备知识,那就是 ES6 的 Generator。...对比 Redux-thunk 比较一下 redux-thunk 和 redux-saga 的代码: 和 redux-thunk 等其他异步中间件对比来说,redux-saga 主要有下面几个特点:

    5.5K10

    React saga_react获取子组件ref

    redux-saga简介 Redux-saga是Redux的一个中间件,主要集中处理react架构中的异步处理工作,被定义为generator(ES6)的形式,采用监听的形式进行工作。...redux-saga安装 使用npm进行安装: npm install --save redux-saga 或者使用yarn: yarn add redux-saga redux-saga常用方法解释...redux-thunk处理副作用的缺点 redux-saga写一个hellosaga redux-saga的使用技术细节 redux-saga实现一个登陆和列表样例 ---- 1.redux-thunk...用框图可以更清楚的分析: call方法调用阻塞主线程的具体效果如下动图所示: 白屏时为请求列表的等待时间,在此时,我们点击登出按钮,无法响应登出功能,直到请求列表成功,展示列表信息后,点击登出按钮才有相应的登出功能...应用于上述例子,我们可以将: yield call(getList) 修改为: yield fork(getList) 这样展示的结果为: 通过fork方法不会阻塞主线程,在白屏时点击登出,可以立刻响应登出功能

    4.5K30

    Taro 小程序开发大型实战(六):尝鲜微信小程序云(上篇)

    saga 得到响应的数据,dispatch(syncAction) 一个同步的 action 来更新 store 的状态 reducer 响应 action,更新 store 状态 connect 将更新后的状态传给...敬请期待哦✌️~ 实战 Redux 异步工作流 安装 我们使用 redux-saga 这个中间件来接管 Redux 异步工作流的处理异步请求部分,首先在项目根目录下安装 redux-saga 包: $..."redux-saga": "^1.1.3", "taro-ui": "^2.2.4" }, } redux-saga 是 redux 的一个处理异步流程的中间件,那么 Saga 是什么?...配置 redux-saga 中间件 安装完之后,我们接着要先配置 redux-saga 才能使用它,打开 src/store/index.js 文件,对其中的内容作出对应的修改如下: import {...添加 action 常量 因为在上一步的 user saga 文件中,我们使用到了一些还未定义的常量,所以接下来我们马上来定义它们,打开 src/constants/user.js,在其中添加对应的常量如下

    2.3K20
    领券