YoVDO

Scalable Signals Architecture with NGRX Signal Store

Offered By: egghead.io

Tags

Web Development Courses Angular Courses Typescript Courses RxJS Courses Reactive Programming Courses

Course Description

Overview

Explore the intricacies of building a scalable signals architecture using NGRX Signal Store in this comprehensive tutorial. Learn to create and provide an NGRX Signal Store with initial values, retrieve and display state within Angular components, and perform efficient debugging. Master the use of NGRX DeepSignal instances, define computed signals, and update state using various methods. Discover how to simplify advanced patchState use cases with Immer immutable utility, run batch updates, and share state within component subtrees. Dive into making state, computed, or methods private, utilizing external Angular providers, and initializing state from RxJS Observables. Implement a simple state machine, configure lifecycle hooks, initialize state from external APIs, and set up Redux-style debugging for NGRX Signal Store. Gain hands-on experience in creating robust and scalable Angular applications using NGRX Signal Store throughout this in-depth learning experience.

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

Single Page Web Applications with AngularJS
Johns Hopkins University via Coursera
Front-End JavaScript Frameworks: AngularJS
The Hong Kong University of Science and Technology via Coursera
Front End Frameworks
Google via Udacity
Developing Dynamic Web Applications Using Angular
Microsoft via edX
AngularJS: Advanced Framework Techniques
Microsoft via edX