WeAreDevelopers LIVE • Sep 21, 2023

Angular Signals: what's all the fuss about?

Daniela Bonvini

Are RxJS observables slowing down your team's Angular onboarding? Discover how Signals provide a modern, glitch-free alternative for UI state management with zero boilerplate.

Pause
Mute Enter Fullscreen
#1 about 6 min

Origins and goals of Angular signals

How community feedback and performance demands led to a built-in reactivity model.

#2 about 3 min

Defining true reactivity in web frameworks

Key properties include immutable data structures, unidirectional flow, and fine-grained control.

#3 about 2 min

Solving the glitch-free synchronization problem in apps

Observables can face intermediate glitch states compared to seamless signal updates.

#4 about 2 min

Change detection and fine-grained control mechanisms

Targeted updates bypass the performance limitations of standard Zone.js cycles.

#5 about 3 min

Core API types for Angular signals

Writable, computed, and effect functions manage reactive state effectively.

#6 about 4 min

Understanding the push-pull protocol in signals

Signals separate change notifications from value recomputation to prevent glitches.

#7 about 4 min

Key differences between signals and observables

Asynchronous streams requiring explicit subscriptions contrast with synchronous data access.

#8 about 3 min

Interoperability and choosing the right tool

Developers select signals for static state and observables for temporal events.

#9 about 6 min

Refactoring an e-commerce cart to signals

Migrating away from RxJS operators simplifies shopping cart logic significantly.

#10 about 3 min

Recapping the structural benefits of signals

Fine-grained control, glitch-free states, and simplified code improve overall architecture.

#11 about 3 min

Transitioning from degree studies to software engineering

A personal account of pivoting to frontend development highlights continuous learning.

#12 about 5 min

Framework landscape and early community reception

Angular's reactive approach compares favorably to alternate libraries like SolidJS.

#13 about 4 min

Asynchronous patterns and practical error handling

Managing side effects requires careful workarounds when catching asynchronous errors.

#14 about 4 min

Best practices and advice for beginners

Avoiding anti-patterns and maintaining persistence accelerate the educational programming journey.

#15 about 5 min

Integrating signals with libraries and NgRx

Experimental tools like the Signal Store provide new state manipulation avenues.

#16 about 4 min

Learning resources and basic beginner projects

Applying signals to basic interfaces builds foundational understanding quickly and efficiently.

#17 about 5 min

Impact on learning curve and future roadmap

Signals ease the initial onboarding process while enabling a zoneless architecture.

Matching moments

3:46 min

Reevaluating Angular lifecycle hooks in the signal era

Ankita Sood Ankita Sood · Europe 2026 Virtual

2:36 min

Utilizing JavaScript primitives for reactivity and user interface synchronization

Michael Egger-Zikes Michael Egger-Zikes · World Congress 2025

5:06 min

Orchestrating complex reactive state logic with the NgRx SignalStore

Michael Egger-Zikes Michael Egger-Zikes · World Congress 2025

1:16 min

Standardizing reactive state with native JavaScript signals

Christian Liebel Christian Liebel · World Congress 2026 Europe

8:34 min

Exploring Angular component patterns and upcoming framework updates

Benedikt Starzengruber · LIVE

2:39 min

Angular framework benefits and technical career backgrounds

Marko Stanimirović · LIVE