ReactJS Flux Concept

Flux is a programming concept where data flows in one direction. These data enter the application and flow in one direction until they are displayed on the screen.

Flux Elements

The following areFluxSimple usage of the concept. In the next chapter, we will learn how to implement this in the application.

• Actions − Send actions to the dispatcher to trigger data flow.

• Dispatcher− This is the central hub of the application. All data are dispatched and sent to the store.

• Store− Store is the place where the application state and logic are saved. Each store maintains a specific state and updates it as needed.

• View−viewData will be received from the store and the application will be re-rendered.

The following diagram describes the data flow.

Flux Advantages

• Unidirectional data flow is easy to understand.

• The application is easier to maintain.

• Application components have been decoupled.