Local state vs application state

Component’s local state: Any component is ReactJS majorly depends on its props and state to manage data . A component’s state is private to it and is responsible for governing its behavior throughout its life. A state is nothing but a structure that records any data changes in a react application.

To put it simply, global state is the data that is shared between all the components within a React application . When the state is changed, or let’s say a filter is added, the components re-render accordingly.

Local state is most often managed in React using the useState hook . For example, local state would be needed to show or hide a modal component or to track values for a form component, such as form submission, when the form is disabled and the values of a form’s inputs.18 Şub 2022

Some users prefer to keep every single piece of data in Redux, to maintain a fully serializable and controlled version of their application at all times. Others prefer to keep non-critical or UI state, such as “is this dropdown currently open”, inside a component’s internal state. Using local component state is fine .8 Ara 2021

In the causal domain, a global state is a set of local states which are all concurrent with each other . By concurrent, we mean that no two states have a cause and effect relationship with each other.