zoukankan      html  css  js  c++  java
  • 轻松理解Redux原理及工作流程

    轻松理解Redux原理及工作流程

    Redux由Dan Abramov在2015年创建的科技术语。是受2014年Facebook的Flux架构以及函数式编程语言Elm启发。很快,Redux因其简单易学体积小在短时间内成为最热门的前端架构。


    本文中我将用通俗易懂的方式讲述Redux的原理和工作流程

    结构图

    这里写图片描述

    React组件(或其他使用Redux的组件,这里用react组件来进行举例)和Redux的关系

    各部分的身份

    我将会把这个过程比拟成图书馆的一个流程来帮助理解。

    • Action Creator(具体借书的表达)
      想借书的人向图书馆管理员说明要借的书的那句话。
    • Store(图书馆管理员)
      负责整个图书馆的管理。是Redux的核心
    • Reducers(图书馆管理员的小本本)
      管理员需要借助Reducer(图书馆管理员的小本本)来记录。
    • React Component(借书的人 )
      需要借书的人

    工作流程

    借书的人(ReactComponent)说了一句话(Action Creator)图书馆管理员(Store)借一本书,可是图书馆管理员年纪大了啊记不住啊,便掏出了自己的小本本(Reducers)。看了看知道了那本书有没有,在哪,怎么样。这样一来管理员就拿到了这本书,再把这本书交给了借书人。
    翻译过来就是:

    组件想要获取State, 用ActionCreator创建了一个请求交给Store,Store借助Reducer确认了该State的状态,Reducer返回给Store一个结果,Store再把这个State转给组件。


  • 相关阅读:
    Vector 、ArrayList、LinkedList比较
    MySQL主从复制
    多浏览器兼容flv视频播放HTML
    [转]javascript对联广告、漂浮广告封装类,多浏览器兼容
    ASP获取json天气信息
    IIS6的SSL配置,如何配置SSL到登陆页,如何将SSL证书设置成受信任的证书
    Web Service初探
    算法之逆序对
    算法之数组和问题
    重读算法导论之算法基础
  • 原文地址:https://www.cnblogs.com/YooHoeh/p/9315941.html
Copyright © 2011-2022 走看看