Scribd
Upload
52 views

React Flux vs. MVC - Flux vs. MVC

MVC (Model View Controller) is an architectural pattern that divides an application into three components - the model, the view, and the controller. The model manages the data and behavior, the view displays the model, and the controller handles input and manipulates the model. Flux is an alternative architecture for building client-side web applications. It uses a unidirectional data flow and three major roles - the dispatcher, stores, and views. Flux is asynchronous, supports unidirectional data flow, and handles logic in stores, making it easier to debug, understand, test, and scale compared to MVC.

Uploaded by

Abhishek Jablameti
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
52 views

React Flux vs. MVC - Flux vs. MVC

MVC (Model View Controller) is an architectural pattern that divides an application into three components - the model, the view, and the controller. The model manages the data and behavior, the view displays the model, and the controller handles input and manipulates the model. Flux is an alternative architecture for building client-side web applications. It uses a unidirectional data flow and three major roles - the dispatcher, stores, and views. Flux is asynchronous, supports unidirectional data flow, and handles logic in stores, making it easier to debug, understand, test, and scale compared to MVC.

Uploaded by

Abhishek Jablameti
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

7/31/22, 3:16 PM React Flux vs. MVC | Flux vs.

MVC - javatpoint

React Flux Vs. MVC


MVC
MVC stands for Model View Controller. It is an architectural pattern used for developing the user
interface. It divides the application into three different logical components: the Model, the View,
and the Controller. It is first introduced in 1976 in the Smalltalk programming language. In MVC,
each component is built to handle specific development aspect of an application. It is one of the
most used web development frameworks to create scalable projects.

MVC Architecture

The MVC architecture contains the three components. These are:

Model: It is responsible for maintaining the behavior and data of an application.

View: It is used to display the model in the user interface.

Controller:  It acts as an interface between the Model and the View components. It takes
user input, manipulates the data(model) and causes the view to update.

Flux
According to the official site, Flux is the application architecture that Facebook uses for building
client-side web applications. It is an alternative to MVC architecture and other software design
patterns for managing how data flows in the react application. It is the backbone of all React
application. It is not a library nor a framework. It complements React as view and follows the
concept of Unidirectional Data Flow model.
https://www.javatpoint.com/react-flux-vs-mvc 1/3
7/31/22, 3:16 PM React Flux vs. MVC | Flux vs. MVC - javatpoint

Flux Architecture has three major roles in dealing with data:

1. Dispatcher

2. Stores

3. Views (React components)

MVC Vs. Flux

SN MVC FLUX

1. It was introduced in 1976. It was introduced just a few years ago.

https://www.javatpoint.com/react-flux-vs-mvc 2/3
7/31/22, 3:16 PM React Flux vs. MVC | Flux vs. MVC - javatpoint

2. It supports Bi-directional data Flow It supports Uni-directional data flow model.


model.

3. In this, data binding is the key. In this, events or actions are the keys.

4. It is synchronous. It is asynchronous.

5. Here, controllers handle Here, stores handle all logic.


everything(logic).

6. It is hard to debug. It is easy to debug because it has common


initiating point: Dispatcher.

7. It is difficult to understand as the project It is easy to understand.


size increases.

8. Its maintainability is difficult as the Its maintainability is easy and reduces runtime
project scope goes huge. errors.

9. Testing of application is difficult. Testing of application is easy.

10. Scalability is complex. It can be easily scalable.

https://www.javatpoint.com/react-flux-vs-mvc 3/3

You might also like