fix(example): remove custom router state serializer (#1129)

V6 of Router Store uses a default serializer that provides a serializable router-state out of the box.

Author: timdeschryver

docs/router-store/api.md

@@ -128,7 +128,10 @@ export class CustomSerializer implements RouterStateSerializer<RouterStateUrl> {
       route = route.firstChild;
     }
 
-    const { url, root: { queryParams } } = routerState;
+    const {
+      url,
+      root: { queryParams },
+    } = routerState;
     const { params } = route;
 
     // Only return an object including the URL, params and query params

example-app/app/app.module.ts

@@ -18,7 +18,6 @@ import { AuthModule } from './auth/auth.module';
 
 import { reducers, metaReducers } from './reducers';
 import { schema } from './db';
-import { CustomRouterStateSerializer } from './shared/utils';
 
 import { AppComponent } from './core/containers/app.component';
 import { environment } from '../environments/environment';
@@ -85,14 +84,6 @@ import { AppRoutingModule } from './app-routing.module';
 
     CoreModule.forRoot(),
   ],
-  providers: [
-    /**
-     * The `RouterStateSnapshot` provided by the `Router` is a large complex structure.
-     * A custom RouterStateSerializer is used to parse the `RouterStateSnapshot` provided
-     * by `@ngrx/router-store` to include only the desired pieces of the snapshot.
-     */
-    { provide: RouterStateSerializer, useClass: CustomRouterStateSerializer },
-  ],
   bootstrap: [AppComponent],
 })
 export class AppModule {}

example-app/app/reducers/index.ts

@@ -6,7 +6,6 @@ import {
   MetaReducer,
 } from '@ngrx/store';
 import { environment } from '../../environments/environment';
-import { RouterStateUrl } from '../shared/utils';
 import * as fromRouter from '@ngrx/router-store';
 
 /**
@@ -31,7 +30,7 @@ import * as fromLayout from '../core/reducers/layout.reducer';
  */
 export interface State {
   layout: fromLayout.State;
-  router: fromRouter.RouterReducerState<RouterStateUrl>;
+  router: fromRouter.RouterReducerState;
 }
 
 /**

example-app/app/shared/utils.ts

@@ -14,7 +14,7 @@
     "coverage:html": "nyc report --reporter=html",
     "copy:dist": "ncp dist/ ./node_modules/@ngrx/",
     "example:start": "yarn run cli serve",
-    "example:start:aot": "yarn run cli serve -prod",
+    "example:start:aot": "yarn run cli serve --prod",
     "example:test": "jest --watch",
     "example:build:prod": "yarn cli build --prod --base-href \"/platform/example-app/\" --output-path \"./example-dist/example-app\"",
     "ci": "yarn run test && nyc report --reporter=text-lcov | coveralls",