[react]轻松Redux原理及工作流程 —— 生活比喻

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

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


结构图

图片：liu.jpg

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转给组件。

转自：https://blog.csdn.net/u011215669/article/details/81051296