Architecting Angular Applications with Redux, RxJS, and NgRx

Adding another effect

Now we are finally ready to construct our effect. It's going to look very similar to the existing one:

import { Injectable } from "@angular/core";import { HttpClient } from "@angular/common/http";import { Action } from "@ngrx/store";import { Actions, Effect, ofType } from "@ngrx/effects";import { Observable } from "rxjs/Observable";import { of } from "rxjs/observable/of";import "rxjs/add/observable/of";import {   catchError,   map,   mergeMap,   delay,   tap,   switchMap } from "rxjs/operators";import { FETCHING_PRODUCTS, ADD_PRODUCT } from "./product.constants";import {   fetchProductsSuccessfully,   fetchError,   addProductSuccessfully,   addProductError } from "./product.actions";import { Product } from "./product.model";