React — Redux workflow in 4 steps — Beginner Friendly Guide
Redux allows you to manage the state of the application via a unidirectional flow where a child component child component can directly access the state from the redux store instead of getting state changes from parent components.
I am assuming you have basic knowledge of React and an understanding of what Redux is used for. Without further ado, let’s get straight into the action.
This is an ideal react-redux app project structure.
Below is a typical workflow of a react app. We will go through each of the steps below in more detail.
Let’s see how that flow will occur.
1. A user interacts with a frontend component. A prop is used to call a function which initiates an action. Actions are initiated using props as they are mapped to props in an object called mapActionsToProps ( or it can be called anything), which tells the react app which props to be used to initiate an action.
