NgRx - The Complete Guide

Author: Your Name

src/app/auth/auth.effects.ts

@@ -0,0 +1,23 @@
+import {Injectable} from '@angular/core';
+import {Actions, createEffect} from '@ngrx/effects';
+
+
+@Injectable()
+export class AuthEffects {
+
+    constructor(private actions$: Actions) {
+
+        actions$.subscribe(action => {
+
+            if (action.type == '[Login Page] User Login') {
+
+                localStorage.setItem('user',
+                    JSON.stringify(action["user"]));
+            }
+
+
+        });
+
+    }
+
+}

src/app/auth/auth.module.ts

@@ -12,6 +12,7 @@ import * as fromAuth from './reducers';
 import {authReducer} from './reducers';
 import {AuthGuard} from './auth.guard';
 import {EffectsModule} from '@ngrx/effects';
+import {AuthEffects} from './auth.effects';
 
 @NgModule({
     imports: [
@@ -22,7 +23,7 @@ import {EffectsModule} from '@ngrx/effects';
         MatButtonModule,
         RouterModule.forChild([{path: '', component: LoginComponent}]),
         StoreModule.forFeature('auth', authReducer),
-        EffectsModule.forFeature([])
+        EffectsModule.forFeature([AuthEffects])
     ],
     declarations: [LoginComponent],
     exports: [LoginComponent]