Angular Cookbook - Second Edition

6

Reactive State Management with NgRx

Angular and reactive programming are best buddies, and handling an app’s state reactively is one of the best things you can do with your app. NgRx (short for Angular Reactive Extensions) is a framework that provides a set of libraries as reactive extensions for Angular. In this chapter, you’ll learn how to use the NgRx ecosystem to manage your app’s state reactively, and you’ll also learn about a couple of cool things the NgRx ecosystem will help you with.

Here are the recipes we’re going to cover in this chapter:

• Creating your first NgRx store with actions and reducers
• Using NgRx Store Devtools to debug state changes
• Using NgRx selectors to select and render state in components
• Using NgRx effects to fetch ...