Search⌘ K
AI Features
Home
Courses
Build Reactive Websites with RxJS: Master Observables and Wrangle

Plugging It All Together

Explore how to connect NgRx store with the root Angular module and update components to listen and dispatch actions directly. Understand updating the patient service to dispatch actions that modify the application state, enabling better state management in your projects.

We'll cover the following...

Updating the Root module

Before you modify any components or services, you need to register ngrx and the reducer you created with the root module. Let’s open app.module.ts ...

TypeScript 3.3.4
import { StoreModule } from '@ngrx/store';
import { patientReducer } from './state';
@NgModule({
  imports: [
    BrowserModule,
    ReactiveFormsModule,
    StoreModule.forRoot({ 
    })
  ],
  ... etc
})
...