NgRx Fundamentals

Learn to build highly reactive application with Angular and NgRx

Combining Angular with NgRx for reactive applications that implement a redux-inspired pattern enables you to minimize complexity in your Angular applications.

NgRx provides several libraries for state management and reactive programming in Angular. In this 2-day workshop you will learn the fundamentals of using the store, entity, effects, and components libraries.


  • Introduction

    • What is NgRx?
    • What does it solve?
    • Why use NgRx?
    • Fundamentals of Redux
  • NgRx Store Fundamentals

    • Basic structure of NgRx Store library
    • Designing actions
    • Building reducers
    • Implementing effects
  • Ngrx Store

    • Starting with the StateModule
    • Creating actions, the reducer, and selectors
    • Dispatching actions
  • NgRx Effects

    • Feature story
    • Implementing effects
  • NgRx Entity

    • Getting started with the entity library
    • Using the EntityAdapter
    • Leveraging the collection methods in the reducer
    • Accessing the entity selectors
  • Testing NgRx

    • Marble testing
    • Testing components
    • Building a MockStore
    • Test effects
  • NgRx Components

    • The Push Pipe
    • The Let Directive


The goals of the NgRx Fundamentals course are:

  1. Learn to build reactive application in Angular with NgRx
  2. Understand the concepts of redux
  3. Installing and setting up NgRx in an Angular project
  4. Building the NgRx infrastructure using actions, reducers and selectors
  5. Reacting to state changes through effects
  6. Collection management using the NgRx entity library
  7. Testing NgRx applications
  8. Using the NgRx component to extend Angular's reactivity


Students should be familiar with the following techologies:

  • TypeScript
  • Angular
  • Basics of RxJS


Duration2 days


Site © by LiveLoveApp, LLC

We are the best.

Hire the best for your project.

Let's Talk