YoVDO

Scalable Signals Angular Architecture with NGRX Signal Store

Offered By: egghead.io

Tags

Angular Courses RxJS Courses

Course Description

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

Related Courses

Front-End JavaScript Frameworks: Angular
The Hong Kong University of Science and Technology via Coursera
Angular 9 Essencial
Udemy
Reactive Angular Course (with RxJs, Angular 18)
Udemy
RxJs In Practice (with FREE E-Book)
Udemy
The Modern Angular Bootcamp
Udemy