Frontend Nation Forge 2024: Architecting Angular apps with Signals with Alain Chautard (Pt 1)

Watch this practical walkthrough of implementing currency switching and exchange rate conversion in an Angular application using signals. In this Frontend Nation Forge session, an Angular expert demonstrates how to:

- Set up a currency service using signals
- Implement a currency switcher component
- Fetch and apply exchange rates
- Create computed signals to combine multiple pieces of data
- Convert existing components to use signal-based inputs

This step-by-step guide covers useful practices, common setup issues, and helpful tips for working with Angular's new signals API. Whether you're new to signals or looking to improve your Angular architecture, you'll find practical insights here.

Learn about additional features like making signals type-safe, using the 'record' utility type, and creating signal-based components. The video also discusses the future of observables in Angular and how signals simplify complex state management.

Want to improve your Angular development skills and prepare for the future of the framework? Watch now and get hands-on experience with signals and modern Angular architecture!

---

The world of frontend development is brimming with exciting possibilities 🙌 Don't miss out on the chance to learn from the best courtesy of Frontend Nation:

💻 Read our blog: https://frontendnation.com/blog

▶️ Watch the rest of the videos (talks, Q&As, mighty bites and more):    • Frontend Nation 2024  

🎟️ Sign up for Frontend Nation 2025 so you can stay up to date with what we have planned.

---

💜 Special thanks to all our event sponsors for 2024:

Diamond Sponsors
Sentry: https://sentry.io/
TinyMCE: https://www.tiny.cloud/
Convex: https://www.convex.dev/
Vue School: https://vueschool.io/
Certificates.dev: https://certificates.dev/

Platinum Sponsors
Cypress: https://www.cypress.io/
JSWorld Conference: https://jsworldconference.com/
StackBlitz: https://stackblitz.com/
Vue.js Certifcation: https://certificates.dev/vuejs/
Angular Certification: https://certificates.dev/angular

Gold Sponsors
Smashing Magazine: https://www.smashingmagazine.com/
WeAreDevelopers: https://www.wearedevelopers.com/
Techtonica: https://techtonica.org/
OfferZen: https://www.offerzen.com/
vFairs: https://www.vfairs.com/
Mastering Nuxt: https://masteringnuxt.com/
Mastering Pinia: https://masteringpinia.com/