Basisprincipes van de NgRx-store

• Centraal statusbeheer
• Een duidelijke en voorspelbare gegevensstroom
• Eenvoudiger foutopsporing en testen

NgRx omvat enkele belangrijke begrippen:

• Store: bevat de status van de applicatie
• Acties: beschrijven gebeurtenissen
• Reducers: verwerken statusovergangen
• Selectors: halen statusgegevens op

Installeer NgRx met npm:

npm install @ngrx/store --save

Definieer de Store in je applicatiemodule:

StoreModule.forRoot({ appState: appReducer })

Acties definiëren gebeurtenissen in je applicatie:

export const loadData = createAction('[App] Load Data');

Reducers verwerken statuswijzigingen door op acties te reageren en een nieuwe status te produceren:

export const appReducer = createReducer(
  initialState,
  on(loadData, state => ({ ...state, loading: true }))
);

Samenvatting

Je hebt de basis geleerd van het effectieve gebruik van NgRx Store om de status van je app te beheren. Goed gedaan!