Angular Signals: A Look Under the Hood and Beyond
summary
Explains how Signals use a pull push algorithm to send change notifications and then lazily pull values so effects evaluate only what they need, enabling glitch free fine grain change detection and measurable performance gains. Demonstrates the HTTP resource API that returns Signals, provides default values and schema checking, and automatically cancels previous unfinished requests (like switchMap) while advising to debounce the input value not the calls. Shows linkedSignal for writable derived state that preserves object references for things like dropdown selection.
AI-written summary · about
chapters (12)
- 0:00Introduction to Angular Signals
- 1:04Signals as new reactivity system
- 2:28Push-pull mechanism in effects
- 5:13Loading state with Signals
- 6:37Error handling with Signals
- 7:42Dynamic HTTP calls with Signals
- 9:50HTTP Resource features
- 12:39Loading, error and data states
- 13:41Developer experience improvements
- 14:04Linked signals for derived state
- 16:55Solving reference issues with linked signals
- 18:01Summary and conclusion
related talks
41mAngular Signals: What's All the Fuss About?
20mAngular Signals under the Hood
28mHow Signals shape a Pull-based architecture
24mAngular Architecture using Signals
36mEffective Signals in Angular 19 and above: Rules and Helpers
32mEverything you need to know about Angular Signals
48mJS Signals
14mAngular w Signals