Chapter 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 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 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 reducer
• Using @ngrx/store-devtools to debug the state changes
• Creating an effect to fetch third-party application programming interface (API) data
• Using selectors to fetch data from stores in multiple components
• Using @ngrx/component-store for local state management within a component
• Using @ngrx/router-store to work with route changes reactively