Architecting Angular apps with Signals with Alain Chautard (Pt 2)
summary
Practical walkthrough that implements currency switching and exchange-rate conversion with an Angular service that uses a signal for current currency, an HTTP observable converted via toSignal (with a default of all rates = 1) and a computed signal that returns {currency, exchangeRate}. Uses TypeScript generics and Record<Currency, number> for type safety, exposes a read-only getter and a public setter, converts presentation components to accept signal inputs, and applies currency pipe + rate multiplication; prices update immediately in the demo and the solution works end-to-end.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:08Currency signal in CurrencyService
- 4:04Securing signal access
- 8:00CurrencyService with exchange rates
- 11:53Debugging currency updates
- 19:20Combining signals with computed
- 27:19LicensePlateComponent to signals
- 33:25Signal-based components
- 36:17Key Angular Signals features
- 37:07Q&A
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?
14mAngular w Signals
20mAngular Signals under the Hood
30mSignals Unleashed: Intro to NgRx Signal Store
51mSignals in Angular: How Do They Work?