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

egghead.io

Modernize State Management in Angular with Signals

via egghead.io

Overview

[**Course project repo**](https://github.com/ducin/egghead-angular-signals) You've seen that Angular signals are here, and know that signal-components are coming up. This marks a paradigm-shift towards reactive programming in Angular. Are you ready? What if you could start learning signals and feel pleased with your progress? And reach a point where you feel confident when using signals in production? And feel ready when signal-based components come? Changes are coming, and you can get ahead of them. By taking this cousre you will learn how to: - Create computed signals - Share your signals in services - Use and cleanup signal effects - Turn signals into observables and vice versa - ... and more In 52 minutes over the course of 20 bite-sized lessons, you'll learn everything you need to know to take advantage of signals now and be prepared for signal-based components!

Syllabus

  • Create an Angular Signal Which Stores a Value
  • Access an Angular Signal's Value and Display It Within the Component Template
  • Narrow Down Angular's Signal Value Type Within an If Statement
  • Access an Angular Signal's Value Inside Event Handler Methods
  • Create an Angular Computed Signal Which Depends on Another Signal
  • Create an Angular Computed Signal on Top of Another Computed
  • Update an Angular Signal's Value and Make Computed Signal Emit Updates
  • Make an Angular Signal Readonly
  • Share Angular Signal State Using Services
  • Create an Angular Signal Effect
  • Read an Angular Signal Value While Being Untracked
  • Make an Angular Signal Compare Object Values Instead of References
  • Synchronize Angular Signal or Computed Value With LocalStorage Using Effect
  • Create a Reusable Angular Effect
  • Set up an Angular Signal Effect Cleanup Handler
  • Destroy an Angular Signal Effect Automatically or Manually
  • Bind an Angular Signal Effect to an Injector for Automatic Cleanup
  • Turn an Angular Signal Into an RxJS Observable
  • Turn an RxJS Observable Into an Angular Signal With toSignal
  • Fetch Data via HTTP Using RxJS Observables and toSignal

Taught by

Tomasz Ducin

Reviews

4.6 rating at egghead.io based on 24 ratings

Start your review of Modernize State Management in Angular with Signals

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.