WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
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

2:36 min

Utilizing JavaScript primitives for reactivity and user interface synchronization

Michael Egger-Zikes Michael Egger-Zikes · WWC 2025

5:06 min

Orchestrating complex reactive state logic with the NgRx SignalStore

Michael Egger-Zikes Michael Egger-Zikes · WWC 2025

1:16 min

Standardizing reactive state with native JavaScript signals

Christian Liebel Christian Liebel · WWC Europe 2026

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

1:13 min

Core principles of the Angular framework

Jessica Janiuk · JS Congress

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
5 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
12 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
19 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
26 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Agentic Drift: keeping pace with your agents

John Coghlan

Senior Director, Developer Advocacy at GitLab

John Coghlan
Open session

World Congress 2026 North America

Proactive AI That Doesn’t Annoy Users: Building Context-Aware Notification Systems

Raju Dandigam Dandigam

Engineering Manager at Navan

Raju Dandigam Dandigam
Open session

World Congress 2026 North America

The spectrum of agentic coding: From vibe coding to high-quality software engineering

YK Sugi

Developer Experience Manager at Eventual

YK Sugi
Open session

World Congress 2026 North America

Designing APIs That Survive AI Agents at Scale

Phani Pendurthi

Mastercard, Principal Software Engineer

Phani Pendurthi

Related videos

Client-Side State Management Reimagined – Think Outside the Box thumbnail
29:54
WWC 2025 • 12 months ago

Client-Side State Management Reimagined – Think Outside the Box

Michael Egger-Zikes

Angular tips/tricks you can use from tomorrow on thumbnail
50:28
LIVE • over 4 years ago

Angular tips/tricks you can use from tomorrow on

Benedikt Starzengruber

Practice makes perfect - when it comes to RxJS thumbnail
33:25
LIVE • about 6 years ago

Practice makes perfect - when it comes to RxJS

Jan-Niklas Wortmann

Angular Unleashed: Mastering Modern Web Development with Angular thumbnail
58:56
LIVE • almost 3 years ago

Angular Unleashed: Mastering Modern Web Development with Angular

Indu Chaube

NgRx Tips for Future-Proof Angular Apps thumbnail
26:58
LIVE • over 4 years ago

NgRx Tips for Future-Proof Angular Apps

Marko Stanimirović

Angular Features You Should be Using thumbnail
36:22
WWC 2021 • about 5 years ago

Angular Features You Should be Using

Sani Yusuf

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.