YoVDO

Modernize State Management in Angular with Signals

Offered By: egghead.io

Tags

Angular Courses RxJS Courses Observables Courses Reactive Programming Courses localStorage Courses

Course Description

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

Related Courses

Expanding Your JS Skills with Angular
A Cloud Guru
Angular 101: Building a Web Application from scratch
Coursera Project Network via Coursera
Front-End JavaScript Frameworks: Angular
The Hong Kong University of Science and Technology via Coursera
Angular Fundamentals: Building Responsive Web Apps with Ease
EDUCBA via Coursera
Learn Angular Routing by building a Cocktails Application
Coursera Project Network via Coursera