Xtykutl

I'm facing following problem. My action is fired before my reducer is initialised. For this reason my reducer don't pick up the action. How can I affect it that my reducer picks up actions when fired before my reducer has been initialised?

This image shows you the redux flow.

My action is dispatched from a ConfigurationEffect. And should be captured by different XFeature-reducers these reducers are feature based reducers

Code example:

app module

@NgModule({

  declarations: [AppComponent],

  imports: [

    BrowserModule,

    CommonModule,

    AppRoutingModule,

    HttpClientModule,

    StoreModule.forFeature('config', fromConfig.reducer),

    EffectsModule.forFeature([ConfigEffects]),

    EffectsModule.forRoot([AppEffects]),

    StoreModule.forRoot(reducers, { metaReducers }), 

    StoreDevtoolsModule.instrument({

      maxAge: 10,

      name: 'Debug DevTools',

      logOnly: true,

      actionSanitizer,

      stateSanitizer,

    }), 

  ], 

  bootstrap: [AppComponent],

})

export class AppModule {}

config effects

@Effect()

  loadConfigs$ = this.actions$.pipe(

    ofType(configActions.ConfigActionTypes.LoadConfigs),

    switchMap((action: configActions.LoadConfigs) =>

      this.configService.loadConfig().pipe(

        map((result: ConfigResponse) => new configActions.SaveConfigs(result)),

        catchError((err: HttpErrorResponse) => of(new configActions.FailConfigs(err.message))),

      ),

    ),

  );

xFeature reducer

export function reducer(state = initialState, action: XFeatureActions | ConfigActions): XFeatureState {

  switch (action.type) {

    // save configs, this will be called when the device is initially loaded.

    case ConfigActionTypes.SaveConfigs:

 ...

})

I'm uncertain if this is what you're looking for but when a reducer is registered, NgRx dispatches a update-reducers action. You can listen to these actions inside your effect in order to disaptch the SaveConfig action.

Pre NgRx 7 this looks as:

{type: '@ngrx/store/update-reducers', feature: 'feature1'}

{type: '@ngrx/store/update-reducers', feature: 'feature2'}

Starting from NgRx 7 this looks as:

{type: '@ngrx/store/update-reducers', features: ['feature1',

'feature2']}