Facebook 的 Flux 应用架构介绍

查看数: 19775 | 评论数: 1 | 收藏 1
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2015-4-25 00:20

正文摘要:

问题导读 1.Flux的作用是什么? 2.在比较Flux和MVC时,需理解哪三件事? 3.Flux使事情可预测,为什么这么说? Flux是由Facebook提出的,用于组织应用的一种架构,它基于一个简单的原则:数据在应用 ...

回复

howtodown 发表于 2015-4-25 00:25:09
进一步补充


【Github热门项目】Flux:利用单向数据流实现的应用架构



Flux 是一个Facebook开发的、利用单向数据流实现的应用架构,用于 React。Flux应用有三个主要的部分组成:调度程序、存储和视图(React 组件)。
Facebook工程经理Tom Occhino说,由于他们“非常巨大”的代码库和庞大的组织,因而需要“以某种方式使代码结构化,使其更加可预测”。这已经通过 FluxReact 完成。Flux是一个系统架构,用于推进应用中的数据单向流动。React是一个JavaScript框架,用于构建“可预期的”和“声明式的”Web用户界面,它已经使Facebook更快地开发Web应用。
Flux 应用示例:
Flux 一个数据流周期:


  1. Views ---> (actions) ----> Dispatcher ---> (registered callback) ---> Stores -------+
  2. &#581;                                                                                   |
  3. |                                                                                   V
  4. +-- (Controller-Views "change" event handlers) ---- (Stores emit "change" events) --+
复制代码
Flux 相关文档:





关闭

推荐上一条 /2 下一条