美文网首页React的学习
React Redux Redux-observable 备忘

React Redux Redux-observable 备忘

作者: 盲狙小堡垒 | 来源:发表于2018-03-02 05:55 被阅读294次

要说Redux,我们先得来讨论一下只用React会造成什么问题?

React

React 更新视图的方法是更新组件的state之后, 从而重新 render 组件的 dom。这样的方式可以把子组件重新 render。然而子组件的state 无论怎么更新,都不会影响到父组建的state,所以在React里面, 无法做到向上传递值,组件是不能修改父组件的state的。

Redux

而Redux 的设计是可以解决这个问题的。
Redux 将所有 state 存放在一个 根 state 里面,这个state 存储了整个页面的状态。所有的React 组件需要的值都从这里去取,然后需要更新的时候,则通过dispatch 一个 action,用这个action来更新 Redux 的 state。 这样的话,可以实现子组件重新 render 父组建。

Redux-observable

至于 Redux-observable
官网的简介如下
基于 RxJS 5Redux 中间件 。 通过组合和取消异步动作去创建副作用。

RxJS 5-based middleware for Redux. Compose and cancel async actions to create side effects and more.

Epic 是 redux-observable 的核心原语。
它是一个函数,接收 actions 流作为参数并且返回 actions 流。 Actions 入, actions 出.


image.png

相关文章

  • React Redux Redux-observable 备忘

    要说Redux,我们先得来讨论一下只用React会造成什么问题? React React 更新视图的方法是更新组件...

  • redux-observable

    什么是Redux? Redux是一个了不起的库。对于那些不知道Redux是什么的人来说,它是JavaScript应...

  • Redux for ReactNative (二)

    安装 React Redux Redux不包含React库,需要单独安装React 绑定库 react-redux...

  • redux

    单独使用redux redux是核心库 与react配合使用redux 安装react-redux react-r...

  • 两张图看懂 React Redux 架构和数据流

    React 技术栈 React - 视图层Redux - 状态、数据层React-Redux - 连接Redux-...

  • redux note(一)

    redux 搭配 React使用 Redux和React之间没有关系,Redux支持React, Angular,...

  • react-redux

    一、什么是react-redux React-Redux是Redux的官方React绑定。 它允许您的React组...

  • redux的简单应用

    1、安装 redux和react-redux: npm i redux react-redux --save-de...

  • Redux简介

    Redux React-redux React-router Redux 1、基本用法: Redux中存在几个概念...

  • redux基础

    Redux react-redux React-router Redux 1、基本用法: Redux中存在几个概念...

网友评论

    本文标题:React Redux Redux-observable 备忘

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