React Flux架构和MVC架构的区别 – ReactJS实战教程

上一章ReactJS实战教程请查看:React Flux架构基本概念解析
MVCMVC代表模型-视图-控制器。它是一种用于开发用户界面的体系结构模式。它将应用程序分为三个不同的逻辑组件:模型、视图和控制器,它于1976年在Smalltalk编程语言中首次引入。在MVC中,每个组件都是为了处理应用程序的特定开发方面而构建的。它是用于创建可伸缩项目的最常用web开发框架之一。
MVC架构【React Flux架构和MVC架构的区别 – ReactJS实战教程】MVC架构包含三个组件。这些都是:

  • 模型Model:它负责维护应用程序的行为和数据。
  • 视图View:用于在用户界面中显示模型。
  • 控制器Controller:它充当模型和视图组件之间的接口。它接受用户输入、操作数据(模型)并导致视图更新。
React Flux架构和MVC架构的区别 – ReactJS实战教程

文章图片
Flux根据官方网站,Flux是Facebook用来构建客户端web应用程序的应用架构。它是MVC架构和其他软件设计模式的替代,用于管理react应用程序中的数据流。它是所有React应用程序的主干。它既不是一个库,也不是一个框架。它补充了React 作为View,并遵循了单向数据流模型的概念。
Flux架构在数据处理方面有三个主要的角色:
  • 调度程序dispatcher
  • 商店stores
  • 视图(react组件)
React Flux架构和MVC架构的区别 – ReactJS实战教程

文章图片
MVC架构 VS Flux架构
编号 MVC FLUX
1. 它是在1976年推出的。 它是几年前才引进的。
2. 它支持双向数据流模型。 它支持单向数据流模型。
3. 在这种情况下,数据绑定是关键。 在这里,事件或动作是关键。
4. 它是同步的。 它是异步的。
5. 这里控制器处理一切(逻辑)。 这里存储处理所有逻辑。
6. 它很难调试。 它很容易调试,因为它有公共的初始点:Dispatcher。
7. 随着项目规模的增加,这一点很难理解。 这很容易理解。
8. 随着项目范围的扩大,其可维护性变得非常困难。 它的可维护性很容易,并且减少了运行时错误。
9. 应用程序的测试是困难的。 应用程序的测试很容易。
10. 可伸缩性是复杂的。 它可以很容易地扩展。

    推荐阅读