Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Scalable Signals Angular Architecture with NGRX Signal Store

via egghead.io

Overview

Do you need something robust but lighter weight than the full-blown NgRx Store? Something with minimal boilerplate that can handle both simple component state as well as complex stores. **NgRx Signal Store fits that niche.** It doesn't feel cumbersome when you're working on a small app but it scales really well. And since you're not dealing with a bunch of abstractions, it's a quick library to pick up! In this course you'll learn the following: - How to provide your signal store at several points in your app - Computed signals - Signals and DeepSignals - Update your store with withMethod - Bring in RxJs methods with rxMethod - Tap into lifecycle hooks - Using external services - and more! [Watch the first lesson here.](https://egghead.io/lessons/angular-create-an-ngrx-signal-store-with-initial-value-using-withstate) [Github](https://github.com/ducin/egghead-ngrx-signal-store)

Syllabus

  • Create an NGRX Signal Store with initial value using withState
  • Provide the NGRX Signal Store within a Component, a Route, or globally
  • Retrieve and display the NGRX Signal Store state inside an Angular Component
  • Run quick and dirty NGRX Signal Store debugging
  • Use NGRX DeepSignal instances efficiently in Angular applications
  • Define NGRX Signal Store Computed Signals
  • Update NGRX Signal Store state using withMethods calls
  • Simplify NGRX Signal Store advanced patchState usecases with Immer immutable utility
  • Use NGRX Signal Store methods to run batch updates
  • Share state and perform updates from within component subtree using NGRX Signal Store
  • Make state, computed or method private in NGRX Signal Store
  • Use an external Angular provider within withComputed or withMethod
  • Initialize the NGRX Signal Store state from using RxJS Observables and rxMethod
  • Implement a simple State Machine using NGRX Signal Store
  • Configure lifecycle hooks for an NGRX Signal Store using withHooks
  • Initialize the NGRX Signal Store state from external APIs using Promises or Async/Await
  • Configure Redux-style debugging for NGRX Signal Store

Taught by

Tomasz Ducin

Reviews

5 rating at egghead.io based on 7 ratings

Start your review of Scalable Signals Angular Architecture with NGRX Signal Store

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.