React Hooks global state

Which state management is best in React? React’s useState is the best option for local state management. If you need a global state solution, the most popular ones are Redux, MobX, and built-in Context API.

With all that said, Redux is still a great product . It’s well documented, adopted by many, and can be combined with the approaches posted above. But what use cases warrants the added complexity and learning curve of adding Redux to your stack in 2021?

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.

To do this, use the React Hook useReducer to create a connected state to your reducer . useReducer takes in an initialState object and the reducer imported from the GlobalState component. Next, pass in the connected state and a dispatch function to modify that state.