React Flux Concept

Flux is a programming concept in react, where the data is uni-directional. This react data enters the web app and flows through it in data one direction until it is rendered on the screen.

Flux Elements:

Following is a simple explanation of the react flux concept.

Actions − Actions are sent to the dispatcher to trigger the react data flow.

Dispatcher − This is a central hub of the web app. All the data is dispatched and sent to the react stores.

Store − Store is the place where the application react state and logic are held. Every store is maintaining a particular react state and it will update when needed.

View − The view will receive data from the store and re-render the web app.

Flux Properties:

⦁ Single directional data flow is easy to understand.
⦁ The app is easier to maintain.
⦁ The app parts are decoupled.