Several slices of the global state | Angular Community | Page 1

frozen niche Jun 27, 2024, 5:02 PM

#

Several slices of the global state in NGRX - is this how they are registered for standalone app?
In the official docs - I didn’t find an example, I didn’t search well, maybe

import {
  authFeatureKey,
  authReducer,
} from './components/auth/store/reducers/auth.reducer';
import { provideEffects } from '@ngrx/effects';
import * as authEffects from './components/auth/store/effects/auth.effect';
import * as currentUserEffects from './components/auth/store/effects/current-user.effect';
import * as feedEffects from './components/feeds/store/effects/feed.effect';
import { CurrentUserAction } from './components/auth/store/actions';
import { IGlobalState } from './interfaces';
import {
  feedsFeatureKey,
  feedsReducer,
} from './components/feeds/store/reducers';

function initializeApplication(store: Store<IGlobalState>): () => void {
  return (): void => store.dispatch(CurrentUserAction.get());
}

export const appConfig: ApplicationConfig = {
  providers: [
    provideRouter(routes),
    provideStore(),
    provideState({ name: authFeatureKey, reducer: authReducer }),
    provideState({ name: feedsFeatureKey, reducer: feedsReducer }),
    provideEffects(authEffects, currentUserEffects, feedEffects),
    provideStoreDevtools({ maxAge: 25, logOnly: !isDevMode() }),
    provideHttpClient(withInterceptors([loginInterceptor])),
    // we can provide the desired Storage (localStorage, sessionStorage, etc.) to our Angular application
    {
      provide: STORAGE,
      useValue: localStorage,
    },
    {
      provide: APP_INITIALIZER,
      useFactory: initializeApplication,
      multi: true,
      deps: [Store],
    },
  ],
};

#

devtools says - it is true; apparently the issue has been resolved?

#

frozen niche Jun 27, 2024, 7:50 PM

#

https://github.com/MSakamaki/multiple-stores/blob/master/src/app/app.module.ts

GitHub

multiple-stores/src/app/app.module.ts at master · MSakamaki/multipl...

ngrx multiple stores example app. Contribute to MSakamaki/multiple-stores development by creating an account on GitHub.

#

#

module-based app

ebon shadow Jun 27, 2024, 8:13 PM

#

Based on the usage notes for provideState (https://ngrx.io/api/store/provideState#usage-notes) I would expect it to be like this

provideState(authFeatureKey, authReducer),
provideState(feedsFeatureKey, feedsReducer)

#

Oops, no what you have is correct (I missed the overload that takes in a FeatureSlice, which is the object you're passing in https://ngrx.io/api/store/FeatureSlice). So yes, this looks correct for a standalone app.

#Several slices of the global state