> Markdown version of [/videos/684-angular-signals-what-s-all-the-fuss-about?t=2733](https://www.wearedevelopers.com/videos/684-angular-signals-what-s-all-the-fuss-about?t=2733). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Angular Signals: what's all the fuss about?

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.

- **Speakers:** Daniela Bonvini
- **Event:** WeAreDevelopers LIVE
- **Published:** September 21, 2023
- **Duration:** 58:03
- **URL:** https://www.wearedevelopers.com/videos/684-angular-signals-what-s-all-the-fuss-about

## Summary

To address community requests for better performance and a less strict learning curve, the Angular team introduced Signals, a paradigm shift toward fine-grained reactivity. Historically, Angular's reliance on `zone.js` triggered broad change detection cycles across entire component trees, while heavy boilerplate associated with RxJS Observables created a steep barrier to entry for newcomers. Signals aim to resolve these friction points by providing a modern, simplified mechanism for tracking and updating UI state.

At their core, Angular Signals function as observable wrappers—think of them as "a box around a value that can alert all of the consumers" when underlying data changes. Utilizing a "push-pull protocol," updates happen seamlessly and remain "glitch-free" without triggering intermediate, out-of-sync UI states. The new architecture relies on writable signals for directly modifying values, lazily evaluated `computed` signals for derived data, and `effect` functions for targeted side operations. By tightly tracking precise UI dependencies, Signals ensure only the specifically affected components re-render, maximizing application performance and opening the door for future zone-less Angular environments.

Rather than fully deprecating RxJS, the Angular team designed Signals to "coexist peacefully" alongside traditional Observables. While Observables remain the superior choice for asynchronous event streams and HTTP requests, Signals drastically reduce boilerplate for synchronous UI state management by eliminating manual subscription handling. Ultimately, developers benefit from a cleaner codebase, and teams onboarding new engineers can defer introducing RxJS until strictly necessary—greatly smoothing the broader Angular learning journey.

**Keywords:** angular signals, rxjs observables comparison, zone.js change detection, fine-grained reactivity, push-pull protocol, computed signals, glitch-free synchronization, frontend state management, ngrx signal store, synchronous ui state, component rendering performance, angular developer onboarding, two-way data binding, async operations syntax, angular component architecture

## Chapters

1. **Origins and goals of Angular signals** (00:00) — How community feedback and performance demands led to a built-in reactivity model.
1. **Defining true reactivity in web frameworks** (05:46) — Key properties include immutable data structures, unidirectional flow, and fine-grained control.
1. **Solving the glitch-free synchronization problem in apps** (08:37) — Observables can face intermediate glitch states compared to seamless signal updates.
1. **Change detection and fine-grained control mechanisms** (10:33) — Targeted updates bypass the performance limitations of standard Zone.js cycles.
1. **Core API types for Angular signals** (12:22) — Writable, computed, and effect functions manage reactive state effectively.
1. **Understanding the push-pull protocol in signals** (15:05) — Signals separate change notifications from value recomputation to prevent glitches.
1. **Key differences between signals and observables** (18:10) — Asynchronous streams requiring explicit subscriptions contrast with synchronous data access.
1. **Interoperability and choosing the right tool** (21:13) — Developers select signals for static state and observables for temporal events.
1. **Refactoring an e-commerce cart to signals** (23:22) — Migrating away from RxJS operators simplifies shopping cart logic significantly.
1. **Recapping the structural benefits of signals** (29:11) — Fine-grained control, glitch-free states, and simplified code improve overall architecture.
1. **Transitioning from degree studies to software engineering** (31:45) — A personal account of pivoting to frontend development highlights continuous learning.
1. **Framework landscape and early community reception** (33:54) — Angular's reactive approach compares favorably to alternate libraries like SolidJS.
1. **Asynchronous patterns and practical error handling** (37:56) — Managing side effects requires careful workarounds when catching asynchronous errors.
1. **Best practices and advice for beginners** (41:37) — Avoiding anti-patterns and maintaining persistence accelerate the educational programming journey.
1. **Integrating signals with libraries and NgRx** (45:33) — Experimental tools like the Signal Store provide new state manipulation avenues.
1. **Learning resources and basic beginner projects** (49:51) — Applying signals to basic interfaces builds foundational understanding quickly and efficiently.
1. **Impact on learning curve and future roadmap** (53:45) — Signals ease the initial onboarding process while enabling a zoneless architecture.

## Related Moments

- [Utilizing JavaScript primitives for reactivity and user interface synchronization](https://www.wearedevelopers.com/videos/1682-client-side-state-management-reimagined-think-outside-the-box) (from "Client-Side State Management Reimagined – Think Outside the Box")
- [Orchestrating complex reactive state logic with the NgRx SignalStore](https://www.wearedevelopers.com/videos/1682-client-side-state-management-reimagined-think-outside-the-box) (from "Client-Side State Management Reimagined – Think Outside the Box")
- [Standardizing reactive state with native JavaScript signals](https://www.wearedevelopers.com/videos/100014-what-s-new-in-web-2026-edition) (from "What’s New in Web? 2026 Edition")
- [Exploring Angular component patterns and upcoming framework updates](https://www.wearedevelopers.com/videos/364-angular-tips-tricks-you-can-use-from-tomorrow-on) (from "Angular tips/tricks you can use from tomorrow on")
- [Angular framework benefits and technical career backgrounds](https://www.wearedevelopers.com/videos/365-ngrx-tips-for-future-proof-angular-apps) (from "NgRx Tips for Future-Proof Angular Apps")
- [Core principles of the Angular framework](https://www.wearedevelopers.com/videos/287-state-of-angular) (from "State of Angular")

## Related Articles

- [Navigating the AI Shift](https://www.wearedevelopers.com/magazine/629-navigating-the-ai-shift)
- [The Best JavaScript Framework to Learn](https://www.wearedevelopers.com/magazine/229-the-best-javascript-framework-to-learn)
- [Dev Digest 139 - Soft and hard queries](https://www.wearedevelopers.com/magazine/487-dev-digest-139-soft-and-hard-queries)
- [3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents](https://www.wearedevelopers.com/magazine/684-3-javascript-free-techniques-for-accordions-dialogs-and-table-of-contents)

## Related Jobs

- [Senior Software Engineer, Angular (B2C Web Platform)](https://www.wearedevelopers.com/jobs/ext/1927757-senior-software-engineer-angular-b2c-web-platform) at **Bitpanda**
- [Software Engineer, React & Angular (Broker Web Platform](https://www.wearedevelopers.com/jobs/ext/1558399-software-engineer-react-angular-broker-web-platform) at **Bitpanda**
- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**
- [Senior Software Engineer, React (Investing & Trading)](https://www.wearedevelopers.com/jobs/ext/1937625-senior-software-engineer-react-investing-trading) at **Bitpanda**
- [Staff Frontend Engineer](https://www.wearedevelopers.com/jobs/48313-staff-frontend-engineer) at **SMG Swiss Marketplace Group**
- [React Engineer for Next.js UI - Hybrid, Impactful FinTech](https://www.wearedevelopers.com/jobs/ext/1444505-react-engineer-for-next-js-ui-hybrid-impactful-fintech) at **Bitpanda**