When should I add Redux to a React app?

Question

I\'m currently learning React and I am trying to figure out how to use it with Redux for building a mobile app. I\'m kind of confused on how the two are related/usable toget

Answer 1

When we write application we need to manage state of the application. The React manages states locally within the component if we need to share the states between components we can use props or callbacks.

But as application grows it becomes difficult to manage states and state transformations.State and state transformations need to properly tracked in order to debug the applications.

Redux is a predictable state container for JavaScript apps that manages state and state transformations and is often used with React,

The concept of redux can be explained in following image.

When user triggers an action when user interact with the component and an action is dispatched to store then the reducer in the store accepts the action and update the state of the application and stored in the application wide immutable global variable when there is an update in store the corresponding view component subscribed to the state will get updated.

Since state is managed globally and with redux it is easier to maintain.