Understanding application state

In simple terms, application state is a snapshot of the current condition (or state) of your data, configurations, and views at a specific point in time. Application state is the sum of all actions that are performed within your application from the moment it is loaded in the browser. The state is a dynamic landscape that influences your application’s view, user interactions, data flow, and overall functionality.

It’s essential to have good state management within your application so that all your components can display the correct data to the end user and you have accurate data to work with within your application code. Good state management prevents unintended data changes, resulting in incorrect views and operations being performed within your application code that you did not intend to perform.

Now that you have an idea of what application state is and why you need it, let’s dive deeper, starting with the different levels...