Rangle.io : Angular Training
Search…
Introduction
License
Why Angular?
The Architect's Guide to Angular
EcmaScript 6 and TypeScript Features
The JavaScript Toolchain
Bootstrapping an Angular Application
Components in Angular
Directives
Advanced Components
Observables
Angular Dependency Injection
Http
Change Detection
Zone.js
Advanced Angular
What is Immutability
Pipes
Forms
Modules
Routing
State Management
Redux and @ngrx
Adding @ngrx to your Project
Defining your Main Application State
Example Application
Reading your Application State using Selectors
Actions
Modifying your Application State by Dispatching Actions
Reducers and Pure Functions
Reducers as State Management
Creating your Application's Root Reducer
Configuring your Application
Implementing Components
Component Architecture
Side Effects
Getting More From Redux and @ngrx
TDD Testing
Migrating AngularJS Projects to Angular
Project Setup
Angular CLI
Accessibility in Angular
Internationalization in Angular
Glossary
Further Reading And Reference
Powered By GitBook
Creating your Application's Root Reducer
​@ngrx allows us to break our application into smaller reducers with a single area of concern. We can combine these reducers by creating an object that mirrors the application's AppState, where each property will point to one of those smaller reducers.
app/store/rootReducer.ts
import {counterReducer} from './counter/counter.reducer';
​
export const rootReducer = {
counter: counterReducer
};
Previous
Reducers as State Management
Next
Configuring your Application
Last modified 3yr ago
Copy link