NgRx - The Complete Guide

Author: Your Name

src/app/auth/auth.effects.ts

@@ -1,22 +1,25 @@
 import {Injectable} from '@angular/core';
-import {Actions, createEffect} from '@ngrx/effects';
+import {Actions, createEffect, ofType} from '@ngrx/effects';
+import {AuthActions} from './action-types';
+import {tap} from 'rxjs/operators';
 
 
 @Injectable()
 export class AuthEffects {
 
-    constructor(private actions$: Actions) {
-
-        actions$.subscribe(action => {
-
-            if (action.type == '[Login Page] User Login') {
+    login$ = createEffect(() =>
+        this.actions$
+            .pipe(
+                ofType(AuthActions.login),
+                tap(action => localStorage.setItem('user',
+                        JSON.stringify(action.user))
+                )
+            )
+    ,
+    {dispatch: false});
 
-                localStorage.setItem('user',
-                    JSON.stringify(action["user"]));
-            }
 
-
-        });
+    constructor(private actions$: Actions) {
 
     }