Architecting Angular apps with Signals with Alain Chautard (Pt 1)
summary
Walkthrough implements a working currency switcher for an Angular app using the new signals API: a Currency Service that holds a signal for the chosen currency, a currency switcher component, and updates repeated license plate components. It fetches exchange rates via HTTP and uses signal, computed and toSignal to derive converted prices (example rates shown: USD 1 → EUR 1.2, GBP 1.27). Code edits live in three files, follow a stepwise approach, and the demo runs end-to-end in the allotted 45 minutes.
AI-written summary · about
chapters (5)
- 0:00Angular Signals exercise intro
- 1:27Exercise setup overview
- 4:42Components and service architecture
- 7:34Signals recap and functions
- 12:57Implementation guide
related talks
24mAngular Architecture using Signals
19mAngular Signals: A Look Under the Hood and Beyond
36mEffective Signals in Angular 19 and above: Rules and Helpers
41mAngular Signals: What's All the Fuss About?
30mSignals Unleashed: Intro to NgRx Signal Store
14mAngular w Signals
51mSignals in Angular: How Do They Work?
24mClosing Keynote: Divining the Future of Angular State Management