heroes.effects.ts

export class HeroesEffects {
  @Effect()
  fetch$: Observable<HeroesActions> = this.actions$
    .ofType(HeroesActionTypes.FetchHeroes)
    .pipe(
      withLatestFrom(this.store),
      switchMap(([action, state]) =>
        this.service.getHeroes(getCurrentPage(state)).pipe(
          map(data => new FetchHeroesSuccess(data)),
          catchError(err => of(new FetchHeroesError(err)))
        )
      )
    );

  @Effect()
  paginate$: Observable<HeroesActions> = this.actions$
    .ofType(HeroesActionTypes.ChangePage)
    .pipe(map(() => new FetchHeroes()));

  constructor(
    private actions$: Actions,
    private store: Store<State>,
    private service: SwapiService
  ) {}
}