Simple state management vanilla JS

State management is very important in application development. It centralizes all the states of various UI controls to handle data flow across the application . For example, consider you want to show a “welcome” message on the user’s first-time visit but not on subsequent page visits, you need the state of the user.

State is a plain JavaScript object used by React to represent an information about the component’s current situation . It’s managed in the component (just like any variable declared in a function).

State management is simply a way to engender communication and sharing of data across components . It creates a concrete data structure to represent your app’s State that you can read and write. Since React 16.8, every React component, whether functional or class, can have a state.