NGRX | Use effects and router-store to isolate route related side 🧙🏼‍♂️ effects - effects injectable

effects.ts

setCurrentCourse$ = createEffect(() => this.actions$.pipe(
  ofType(ROUTER_NAVIGATED),             // get router navigated ngrx actions
  mergeMap(() => this.store.pipe(
    select(selectRouteParam(‘id’)))     // get the id from the router store
  ),
  map((id: string) => setIds({ id })),  // dispatch a new action to set the selected id
));