Unleashing the power of Angular: Navigating the latest releases and transformations

Join me for an insightful session that explores the latest advancements in Angular technology, featuring a preview of the exciting features set to debut in Angular 19. We will discuss the innovative control flow syntax introduced in Angular 18, which enhances template design through efficient, on-demand lazy loading. This significant advancement not only simplifies coding processes but also significantly boosts performance, enabling faster and more fluid project development.
In this presentation, I will focus on how Angular 18’s new syntax integrates smoothly with the advanced Signals feature. This powerful combination enhances state management capabilities, allowing for more precise and streamlined handling of state changes within applications. The use of Signals greatly simplifies the development of reactive applications, ensuring they are both intuitive and highly responsive, with reduced complexity.
You will experience these enhancements through interactive live demos, with a special emphasis on how Signals can be practically applied in complex scenarios. Learn how to utilize these tools to elevate performance and responsiveness in your development projects.
Stay ahead in the fast-paced world of modern web development. Don’t miss this opportunity to learn about the latest Angular features and preview what Angular 19 has in store. Join me to discover how these developments can enhance your web development skills and projects.

Transcript

1. Unleashing the power of Angular Navigating the latest releases and transformations Loïc Magnette
2. Loïc Magnette @LoMagnette Senior Dev lmagnette lmagnette Proud dad BeJUG Co-organizer
3. Loïc Magnette @LoMagnette Senior Dev lmagnette lmagnette Proud dad BeJUG Co-organizer
4. Loïc Magnette @LoMagnette Senior Dev lmagnette lmagnette Proud dad BeJUG Co-organizer
5. Zone.js
6. New control flow
7. New control flow ng g @angular/core:control-flow
8. Deferrable views
9. Signals
10. Signals
11. Signals
12. Signals const sheep = signal<Sheep>(aSheep)
13. Signals sheep()
14. Signals sheep()
15. Signals sheep()
16. Signals sheep()
17. Signals sheep()
18. Signals Does not replace RxJs Signals
19. Signals Used for ASYNC Async Orchestration Latest response Cancellation Are Sync Derived state Local component reactive state 🚦
20. Signals - Signal - Computed - Effect - Input - Output - Model
21. Signals
22. Zone
23. Zone > Hybrid > Experimental Zoneless
24. Signal Based components
26. www.angular.dev
31. SLIDES lmagnette lmagnette www.oniryx.be @LoMagnette