Facebook:MVC不适合大规模应用改用Flux

　　Facebook认为MVC无法满足他们的扩展需求，因此他们决定使用另一种模式：Flux。

　　在最近F8大会黑客之道：重新思考Facebook的Web应用开发，Facebook工程经理Tom Occhino说，由于他们“非常巨大”的代码库和庞大的组织，“MVC真的很快就变得非常复杂”，他们得出结论，认为MVC不适合于大规模应用。每次他们努力增加一项新特性时，系统的复杂性成级数增长，代码变得“脆弱和不可预测”。对于刚接触某个代码库的开发人员来说，这正成为一个严重的问题，因为他们害怕破坏什么东西，不敢动这些代码。其结果是Facebook的MVC正在土崩瓦解。

　　解决这个问题需要“以某种方式使代码结构化，使其更加可预测”。这已经通过Flux和React完成。Flux是一个系统架构，用于推进应用中的数据单向流动。根据Occhino所述，React是一个JavaScript框架，用于构建“可预期的”和“声明式的”Web用户界面，它已经使Facebook更快地开发Web应用。

　　Facebook软件工程师Jing Chen，补充说明MVC非常适合小型应用，但是当系统中有很多的模型与相应的视图时，其复杂性就迅速扩大，如下图所示：

　　根据Chen的说法，这样的程序将会非常难以理解和调试，特别是模型与视图间可能存在的双向数据流动，因此提出了以下Flux设计：

　　Store包含了应用的所有数据，Dispatcher替换了原来的Controller，当Action触发时，决定了Store如何更新。当Store变化后，View同时被更新，还可以生成一个由Dispatcher处理的Action。这确保了数据在系统组件间单向流动。当系统有多个Store和View时，仍可视为只有一个Store和一个View，因为数据只朝一个方向流动，并且不同的Store和View之间不会直接影响彼此。

　　Facebook React在GitHub的页面详细说明了Flux、Dispatcher和Store：

Dispatcher是中心枢纽，管理着Flux应用中的所有数据流。它本质上是Store的回调注册。每个Store注册它自己并提供一个回调函数。当Dispatcher响应Action时，通过已注册的回调函数，将Action提供的数据负载发送给应用中的所有Store。

随着应用程序的增长，Dispatcher变得更加关键，因为它将管理Store之间的依赖，以特定的顺序调用注册的回调函数。Store可以声明等待其它Store完成更新后，再相应地更新自己⋯⋯

Store包含应用程序的状态和逻辑。它们的角色某种程度上与传统MVC中的Model类似，但它们管理很多对象的状态，它们不是某个对象的实例，也不是Backbone集合。Store不只是简单地管理ORM风格的对象集合，它还为应用程序中的特定领域（Domain）管理应用状态。

　　Chen说，更重要的是在任何其它Action触发之前，确保数据层完成视图的更新。当前一个动作还未处理完时，Dispatcher能够拒绝Action。对于有其它副作用的动作，例如更新其它视图，这个设计非常有用。它让代码变得更简洁，新开发人员更容易理解也更容易调试。Flux帮助Facebook消除了一个聊天Bug，该Bug提示用户有新消息，但实际上没有。