The data flow in react is down the hierarchy i.e. the data flow from parent component to child component and further down. If the component is deep down in the hierarchy from the root component then the data is passed through all the middle components first and then it will be accessible to the component that is deep down the hierarchy. To prevent this type of design some reactjs developers use redux as a library that works on the global store that stores the data or state globally and is accessible to all the components directly without passing data or state down the hierarchy. Context is another very curious and awesome way introduced by react to store the data or state globally.
Topics
