Redux - Data Flow


Advertisements

Redux follows the unidirectional data flow. It means that your application data will follow in one-way binding data flow. As the application grows & becomes complex, it is hard to reproduce issues and add new features if you have no control over the state of your application.

Redux reduces the complexity of the code, by enforcing the restriction on how and when state update can happen. This way, managing updated states is easy. We already know about the restrictions as the three principles of Redux. Following diagram will help you understand Redux data flow better −

Data Flow
  • An action is dispatched when a user interacts with the application.

  • The root reducer function is called with the current state and the dispatched action. The root reducer may divide the task among smaller reducer functions, which ultimately returns a new state.

  • The store notifies the view by executing their callback functions.

  • The view can retrieve updated state and re-render again.

Useful Video Courses


Video

React and Redux: Learn By Building Real World Projects

56 Lectures 12.5 hours

Eduonix Learning Solutions

Video

React: Web Apps with ReactJS and Redux - The Complete Course

63 Lectures 9.5 hours

TELCOMA Global

Video

MERN Stack Full Ecommerce Site - Using React, Redux, Node.js

Best Seller

129 Lectures 19.5 hours

Ghulam Abbas

Video

Complete Guide To Redux-Saga With React JS

31 Lectures 3 hours

Saumitra Vishal

Video

React Redux Firebase Authentication with CRUD Application

Best Seller

55 Lectures 4 hours

Saumitra Vishal

Advertisements