Lesson Description

The "Combine Reducers" Lesson is part of the full, Reactive Angular with NgRx course featured in this preview video. Here's what you'd learn in this lesson:

Lukas takes the feature-level reducer that was created in the last section, and combines it with the customers reducer to become a top-level reducer

Preview
Close

Transcript from the "Combine Reducers" Lesson

[00:00:00]
>> Lukas Ruebbelke: Now that we've defined the reducer, let's hop into the state or /index.ts file. So this is where we take our feature level reducers and we combine them into a top level reducer. So the first thing that we need to do is we'll just go import everything as fromProjects.

[00:00:40]
>> Lukas Ruebbelke: And then,
>> Lukas Ruebbelke: Let's update our entire application state. So,
>> Lukas Ruebbelke: So we'll go projects,
>> Lukas Ruebbelke: And from projects, ProjectsState. And so now we've almost just kind of created a new table if you will. Okay, here's some additional state or the shape has changed. And then obviously the reducers is not super happy.

[00:01:20]
So then we'll go here and we'll go projects fromProjects,
>> Lukas Ruebbelke: projectsReducers.
>> Lukas Ruebbelke: So what we're gonna do is add in the feature reducer into, basically a combined reducer.

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Start a 7-Day Free Trial