Introduction to State Management with React
As an app grows in size, the amount of data that the app uses typically also increases in size. Making sure that data stored in different components is always in sync is a challenging task that can lead to difficult-to-track bugs.
State management is the solution to that problem.
Managing state is difficult to handle for any application, and is seldom done manually. This is why so many state management libraries are available, with more appearing frequently.
State management in React is a very large topic, and in this guide, we will dig deep into how to utilize a popular third-party library called Redux, for state management in a React application.
Note: If you’re coming from a Vue background, then you've likely used Vuex before, in which case, a lot of the Redux concepts will end up being familiar to you. The main difference between Vuex and Redux is that Vuex mutates the store state, whereas Redux creates a new store state on every update.
What is state management, and what does "state" refer to?
When you Google the term "state" - you could get lost as the word is used to describe so many distinct concepts in different facets of engineering.