NGRX Tutorial - Module

ngrx-example-module.ts

// NGRX Complete Tutorial Without Pain (Angular6 / RxJS6)
// https://medium.com/@andrew.kao/ngrx-complete-tutorial-without-pain-angular6-rxjs6-5511b8cb8dac

import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { StoreModule } from '@ngrx/store';
import { reducers } from '(team main reducer -> the index.ts)';
import { AuthService } from '(auth service)';
import { AuthGuard } from '(auth guard)';
import { AuthEffects } from '(auth effect)';
import { Routes } from '(routes)';
import { HttpClientModule } from '@angular/common/http';
import { EffectsModule } from '@ngrx/effects';
import { RouterModule } from '@angular/router';

@NgModule({
    declarations: [AppComponent],
    imports: [
        BrowserModule,
        CommonModule,
        RouterModule.forRoot(Routes),
        FormsModule,
        // HttpClient is imported, cause I supposed you use RESTful API to check credentials
        HttpClientModule,
        // Since we create a feature selector, we now use the pre-defined alias `team` here
        StoreModule.forFeature('team', reducers),
        EffectsModule.forFeature([AuthEffects])
    ],
    providers: [AuthService, AuthGuard],
    bootstrap: [AppComponent]
})
export class AppModule {}