events.effects.ts

@Injectable()
export class EvnetsEffects implements RegisterEffects {

  // Effects would not work by default in the hybrid application,
  // therefore we need to preload them during the bootstrap of our app.
  // See: app.module.ts and app.effects.ts examples.
  @Effect()
  deleteEvent$: Observable<EventsActions.All> = this.actions$
    .ofType<EventsActions.DeleteEvent>(EventsActions.DELETE_EVENT)
    .pipe(
      map((action) => action.payload),
      switchMap((payload) => this.API.event.delete(payload.eventUuid)
        .pipe(
          map((data) => new EventsActions.Update(data)),
          catchError((error) => of(new EventsActions.UpdateFailed(error)))
        ))
    );

  @Effect()
  selectEvent$: Observable<EventsActions.All | RouterActions.All> = this.actions$
    .ofType<EventsActions.SelectEvent>(EventsActions.SELECT_EVENT)
    .pipe(
      map((action) => action.payload),
      map((payload) => new RouterActions.Go(payload.eventUuid))
    );

  constructor(
    private sources: EffectSources,
    private actions$: Actions,
    private API: API
  ) { }

  /**
   * This method is used to register effects during the Angular bootstrap
   * to avoid errors due to unititialized decorators when boostrapping
   * the hybrid app. 
   */
  ngRegisterEffects() {
    this.sources.addEffects(this);
  }
}