ngrx/store

@derekkite Thank you for responding, I have 2 Modules in my main angular app they both have states and registering as
PeripheralCommLayerModule

@NgModule({
  declarations: [PeripheralCommLayerComponent],
  imports: [
    StoreModule.forFeature(peripheralIntegrationFeatureKey, peripheralReducer)
  ],
  exports: [PeripheralCommLayerComponent]
})
export class PeripheralCommLayerModule {
  static forRoot(environment): ModuleWithProviders<PeripheralCommLayerModule> {
    return {
      ngModule: PeripheralCommLayerModule
      , providers: [{ provide: ENVIRONMENT, useValue: environment }]
    };
  }
}

FuseDeviceTesterModule

@NgModule({
  imports: [
    EffectsModule.forFeature([DeviceTesterEffect]),
    StoreModule.forFeature(fuseDeviceTesterFeatureKey, fuseDeviceReducer),
  ],
  declarations: [
    FuseDeviceTesterComponent,
  ],
  exports: [FuseDeviceTesterComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class FuseDeviceTesterModule {
  static forRoot(environment): ModuleWithProviders<FuseDeviceTesterModule> {
    return {
      ngModule: FuseDeviceTesterModule,
      providers: [{ provide: ENVIRONMENT, useValue: environment }]
    };
  }
}

I am importing PeripheralCommLayerModule in my app.module.ts

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    PeripheralCommLayerModule.forRoot(environment),
    EffectsModule.forRoot([]),
    StoreModule.forRoot({}, { metaReducers }),
    // !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 25 }) : []
  ],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  bootstrap: [AppComponent]
})
export class AppModule { }

And FuseDeviceTesterModule is a lazy-loaded module, which is loaded when I route to a particular URL.

When FuseDeviceTesterModule is is firing @ngrx/store/update-reducers action which is received by PeripheralCommLayerModule's reducer and after it selector of PeripheralCommLayerModule is getting fired.

Reducer of PeripheralCommLayerModule :

export const peripheralIntegrationFeatureKey = 'peripheralIntegrationState';

export interface PeripheralIntegrationState {
  peripheralServerInstanceInfo: PeripheralServerInstanceInfo;
}

export const initialState: PeripheralIntegrationState = {
  peripheralServerInstanceInfo: {
    peripheralServerIP: 'localhost',
    peripheralServerPort: 47017
  },
};

const peripheralIntegrationReducer = createReducer(
  initialState,
  on(UpdatePeripheralServerPortAndIP, (state, payload) => ({
    ...state,
    peripheralServerInstanceInfo: payload.peripheralServerInstanceInfo
  })),
);

export function peripheralReducer(state: PeripheralIntegrationState, action: Action): PeripheralIntegrationState {
  return peripheralIntegrationReducer(state, action);
}