🔧 configuration des elements du store NgRx

Author: mckenziearts

src/app/app.module.ts

@@ -11,6 +11,8 @@ import { StoreRouterConnectingModule } from '@ngrx/router-store';
 import { environment } from '../environments/environment';
 import { AppRoutingModule } from './core/routes/app-routing.module';
 import { AppComponent } from './core/components/app/app.component';
+import { ROOT_REDUCERS } from './core/store/app.store';
+import { ROOT_EFFECTS } from './core/store/app.effects';
 
 @NgModule({
   declarations: [
@@ -20,11 +22,11 @@ import { AppComponent } from './core/components/app/app.component';
     AppRoutingModule,
     BrowserAnimationsModule,
     BrowserModule,
-    EffectsModule.forRoot([]),
+    EffectsModule.forRoot(ROOT_EFFECTS),
     FormsModule,
     HttpClientModule,
     ReactiveFormsModule,
-    StoreModule.forRoot({}, {}),
+    StoreModule.forRoot(ROOT_REDUCERS),
     StoreDevtoolsModule.instrument({ maxAge: 25, logOnly: environment.production }),
     StoreRouterConnectingModule.forRoot(),
   ],

src/app/core/store/app.effects.ts

@@ -0,0 +1 @@
+export const ROOT_EFFECTS: any[] = [];

src/app/core/store/app.store.ts

@@ -0,0 +1,10 @@
+import { routerReducer, RouterState } from '@ngrx/router-store';
+import { Action, ActionReducerMap } from '@ngrx/store';
+
+export interface AppState {
+  router: RouterState;
+}
+
+export const ROOT_REDUCERS: ActionReducerMap<AppState, Action> = {
+  router: routerReducer,
+};

src/app/core/store/router.selectors.ts

@@ -0,0 +1,3 @@
+import { getSelectors } from '@ngrx/router-store';
+
+export const { selectRouteParams } = getSelectors();