LiveLoveApp logo

NgRx In One Day Workshop

Learn the basics of NgRx in one day.

Schedule NgRx In One Day Workshop

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 1-day workshop you will learn the fundamentals of using the store, entity, and effects libraries.

Outline

  • 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

Goals

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

Prereqs

Attendees should be familiar with the following technologies:

  • TypeScript
  • Angular
  • Basics of RxJS

Can’t find the topic you are looking for? Contact Us  to learn about our custom training solutions.

Get Expert Led Training For Your Team
Schedule NgRx In One Day Workshop