Architecting a Zoneless Kingdom Using Angular Signals

When Angular 2 was introduced, it felt like magic. By using Zone.js to intercept asynchronous events and trigger change detection, it allowed the UI to stay in sync with the application state with minimal developer intervention. However, that magic came at a cost: bloated bundle sizes, complicated debugging, and a coarse-grained reactivity model that forced unnecessary checks across the entire component tree. This is why, as of version 21, new Angular applications ship without Zone.js by default.
To simplify this transition, the framework required a reactive primitive capable of tracking dependencies at a granular level. Enter Signals. Since their debut in version 16, Signals have evolved from an API of basic building blocks into the architectural backbone of modern Angular.
In this session, we will explore how Signals are fundamentally reshaping the way we build applications, specifically focusing on:
- Dependency Tracking: How the signals dependency graph allows Angular to know exactly what has changed and react to those changes.
- Fine-Grained Reactivity: Moving beyond global checks to a model that targets only affected components, significantly boosting performance.
- A New Component APIs: How signal based inputs, queries, and models eliminate the need for complex lifecycle hooks and simplify state synchronization.
- Modern Integration: A look at how signals are transforming core libraries like Forms and the Router, and how NgRx Signals are redefining modern Angular architecture.
By the end of this talk, you’ll be equipped to leverage the full power of Signals to build faster, cleaner, and more maintainable applications in a zoneless world.