轻松理解Redux原理及工作流程
2018-07-15 11:16
211 查看
版权声明:觉得有帮助到你的话,请在右边点个赞吧! https://blog.csdn.net/u011215669/article/details/81051296
React组件(或其他使用Redux的组件,这里用react组件来进行举例)和Redux的关系
轻松理解Redux原理及工作流程
Redux由Dan Abramov在2015年创建的科技术语。是受2014年Facebook的Flux架构以及函数式编程语言Elm启发。很快,Redux因其简单易学体积小在短时间内成为最热门的前端架构。
本文中我将用通俗易懂的方式讲述Redux的原理和工作流程
结构图
各部分的身份
我将会把这个过程比拟成图书馆的一个流程来帮助理解。
- Action Creator(具体借书的表达)
想借书的人向图书馆管理员说明要借的书的那句话。 - Store(图书馆管理员)
负责整个图书馆的管理。是Redux的核心 - Reducers(图书馆管理员的小本本)
管理员需要借助Reducer(图书馆管理员的小本本)来记录。 - React Component(借书的人 )
需要借书的人
工作流程
借书的人(ReactComponent)说了一句话(Action Creator)向图书馆管理员(Store)借一本书,可是图书馆管理员年纪大了啊记不住啊,便掏出了自己的小本本(Reducers)。看了看知道了那本书有没有,在哪,怎么样。这样一来管理员就拿到了这本书,再把这本书交给了借书人。
翻译过来就是:
阅读更多组件想要获取State, 用ActionCreator创建了一个请求交给Store,Store借助Reducer确认了该State的状态,Reducer返回给Store一个结果,Store再把这个State转给组件。
相关文章推荐
- 编译器工作流程原理
- .NET与java的MVC模式(2):struts2核心工作流程与原理
- .NET与java的MVC模式(2):struts2核心工作流程与原理
- ssh框架原理及工作流程
- 搜索引擎工作的基础流程与原理
- Ajax工作原理深入理解
- 理解Git的工作流程
- 理解Git的工作流程
- 通过SmartInvoke运用java与flex轻松构建cs程序(理解SmartInvoke的运行原理)
- spark原理及工作流程
- 浏览器工作原理之基本渲染流程
- 深入理解浏览器工作原理
- Struts2框架及实现原理和工作流程
- JSP工作流程及运行原理
- 理解HTML5必填项信息验证工作原理
- Struts2+Spring+Hibernate的工作流程及原理(整理的)
- hibernate工作原理及流程
- 理解Git的工作流程
- struts2的工作流程和运行原理
- SHIRO工作流程及原理及在Spring中集成