Preserve the state after broswer tab is refreshed

How to preserve the state after browser tab is refreshed in NGXS? Ngrx version of the question is asked here?

Solution

You can preserve state using the storage plugin:

https://ngxs.gitbook.io/ngxs/plugins/storage

How can NGXS actions be created and dispatched generically?
How trigger ngxsAfterBootstrap in jasmine unit tests?
How do I make typescript understand a factory function that returns dynamic class definitions?
Mock a specific ngxs store select with ngxs
How to use Ngxs in a standalone component?
Using NGXS state data in a forkjoin
How to delete/remove an item from normalized state?
Change the value of a property using ngxs
npm ERR! ngx-bootstrap@"^12.0.0" from the root project
Ngxs + Angular 17 = not compatible?
Cannot find module 'src/app/services/session.response' or its corresponding type declarations
I'm using Angular, NgxIntlTelInputComponent and managing it with a FormGroups and I'm not able to validate the input's min and max length
NGXS - accessing child state from parent state
How to sync the state data saved in localstorage across all tabs using `Ngxs` state management?
Using ngxs Selectors in Components
How to create parametrized selector in NGXS?
Error: export 'ɵivyEnabled' (imported as 'ɵivyEnabled') was not found in '@angular/core'
Error 6412 - Cannot assign to read only property
Why old data persists in component and how can I reset it
NgxsFeatureModule does not have a module def (ɵmod property)
How to catch errors with Ngxs Websocket plugin?
ngxs: Access different state within Action
Update NGXS state for an object inside array
NGXS - Handle Observable Side-Effect from Action
NGXS storage-plugin change between local & session storage
NGXS typed raw state value
Use `async` pipe multiple times on same observable
Jasmine withArgs expected types
NGXS Store Custom Logic with RXJS before Rendering
How should NgxsModule.forRoot()/NgxsModule.forFeature() be used?