Architecting Reactive Angular Applications with Redux and NgRx

Video description

Manage state in Angular to eliminate problems when writing reactive apps by combining the power of Redux, RxJS, and NgRx

About This Video

  • Incorporate Reactive programming principles and RxJS to make it easier to develop, test, and debug your Angular applications
  • Become a pro with NgRx offerings such as store, side-effects, router store state, and schematics
  • Converge important architecture and design concepts together to create robust, maintainable, and extensible applications

In Detail

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.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Getting Started with Redux
    1. The Course Overview 00:02:45
    2. Introduction to State Management 00:03:17
    3. Immutability 00:06:25
    4. Unidirectional Data Flow 00:03:16
    5. Core Concepts 00:10:20
    6. Implementing Redux 00:17:39
  2. Chapter 2 : RxJS Fundamentals
    1. Introduction to Observables 00:02:47
    2. Subscribe/Unsubscribe to Observables 00:06:30
    3. Create Your Own Observables 00:11:28
    4. Use Operators to Control Observable Output and Behavior 00:08:35
    5. Use Advanced Operators 00:13:14
    6. Add Error Handling to Your Observables 00:15:41
    7. Subjects 00:08:14
  3. Chapter 3 : NgRx Store
    1. Getting Started 00:07:48
    2. Dispatching Actions 00:14:27
    3. Action Creators and Selectors 00:18:30
    4. State in Feature Modules 00:07:19
    5. Organizing Your Code 00:04:50
  4. Chapter 4 : NgRx Debugging
    1. Installation and Setup 00:04:55
    2. Debugging Features 00:11:17
    3. Advanced Configuration 00:07:46
  5. Chapter 5 : Routing and Router State
    1. Installation and Setup 00:06:44
    2. What’s in a Router State? 00:14:14
    3. Writing Your Own Custom Serializer 00:05:36
  6. Chapter 6 : Handling Side Effects
    1. Installation and Setup 00:07:33
    2. Advanced Effect Scenario with HTTP 00:11:38
    3. Error-Handling in an HTTP Effect and Best Practices 00:12:54
  7. Chapter 7 : Leverage the Entity Library to Reduce Boilerplate Code
    1. Set Up and Introduce the Adapter 00:13:37
    2. Understanding Selectors 00:10:58
    3. Comparison between Boilerplate and Entity 00:09:04
  8. Chapter 8 : Schematics
    1. Setting It Up and Taking It for a Spin 00:11:04
    2. Using Schematics for Actions, Reducers, and Containers 00:10:18
    3. Using Schematics for Effects, Entity, and Features 00:12:48
  9. Chapter 9 : Build Your Own NgRx
    1. Recap on Redux and Introducing Subjects 00:14:01
    2. Building Redux with RxJS 00:17:58
    3. Adding Side Effects 00:13:05

Product information

  • Title: Architecting Reactive Angular Applications with Redux and NgRx
  • Author(s): Christoffer Noring
  • Release date: May 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781789536546