Ngxs - How to prepopulate state on application load

Question

I would like to set the ngxs state on application load. What would be the best way to do this?

e.g. resolve the state object in an angular APP_INITIALIZER and then ???

Answer 1

You could make the HTTP call to load data for the state via the ngxsOnInit lifecycle hook see the lifecycle documentation here.

In my usage of NGXS we've typically had our states respond to a particular action e.g. UserLoggedIn to load their initial data from an external service

We needed to wait on this action for two reasons:

• the HTTP services we called needed the auth token returned by Login to authenticate.
• in many cases the services would return 'default' data that was user specific.