post.effects.ts for https://blog.upstate.agency

api.service.ts

import { Injectable } from '@angular/core';
import { Actions, Effect, ofType } from '@ngrx/effects';
import { Action } from '@ngrx/store';
import { Post } from './post.model';
import { PostActions, PostActionTypes, LoadPosts, LoadPostsComplete } from './post.actions';

import { Observable } from 'rxjs/Observable';
import {
  map,
  switchMap,
} from 'rxjs/operators';

import { ApiService } from './api.service';

@Injectable()
export class PostEffects {

  constructor(
    private actions$: Actions,
    private api: ApiService,
  ) {}

  @Effect()
  get$: Observable<Action> = this.actions$.pipe(
    ofType<LoadPosts>(PostActionTypes.LoadPosts),
    switchMap(() => {
      return this.api.getPosts()
        .pipe(
          map((res: Post[]) => new LoadPostsComplete({
            posts: res
          }))
        );
    })
  );
}