Angular save page state

What is the application state? Theoretically, it is the entire memory of the application, but, typically, it is the data received via API calls, user inputs, presentation UI State, app preferences, etc. Simply put, it is the data that can differentiate two instances of the same application .

The NgRx Store is a Redux-inspired state management system that enables you to use observables to manage state in an Angular application . The primary advantage to using the NgRx Store is the ability to store all state in a single tree that is accessible from any part of the application.7 May 2021

The state object is defined as a property of the NavigationExtras object passed as the second argument to the navigate or navigateByUrl router’s methods . In addition, you can make use of an attribute directive ([state]=”state object”) if you rely on declarative navigation in your application.

NgRx is a framework developed and maintained by the official Angular team. NgRx stands for Angular Reactive Extensions. In short, it is a state management system based on the Redux pattern . This will help us to manage the application state in a bigger angular application.