Book Image

Architecting Reactive Angular Applications with Redux and NgRx [Video]

By : Christoffer Noring
Book Image

Architecting Reactive Angular Applications with Redux and NgRx [Video]

By: Christoffer Noring

Overview of this book

Have you ever thought of combining the power of Redux and reactive JavaScript to build a responsive and reactive application? Well then, this course is your ideal choice to manage state in Angular to write reactive apps. This course will help you build Angular applications by incorporating reactive programming principles and making it easier to develop, test, and debug your applications. Throughout the nine sections, the extensive examples will help you implement state management with Redux, create observables, and handle errors with RxJS. You will first explore NgRx to set up the state, add a store, debug its state, and customize the saved router state. After that, you will learn to handle side effects and add support to your app. You’ll learn to reduce the boilerplate code and use blueprints for scaffolding out features. This course will not only empower you to use Redux and NgRx to the fullest but will also help you build your own micro implementation of NgRx for a database-backed app. The code bundle for this course is available at: https://github.com/PacktPublishing/Architecting-Reactive-Angular-Applications-with-Redux-and-NgRx-Video-
Table of Contents (9 chapters)
Chapter 3
NgRx Store
Content Locked
Section 2
Dispatching Actions
In this video, we will understand how we send data to the store using the store service and the dispatch method. In doing so, we learn to create messages to send in the form of actions. - Build our reducer to handle both, adding and removing of an item - Target the addition and removal cases in the reducer by dispatching the “correct” type of message from the component - Uncover how the reactive part of the store automatically updates our listeners when we send a message to the store