The future of Angular: Faster, Lighter, Stronger

Angular's dependence on ngZone has long offered a simple method of handling change detection. But performances have frequently been sacrificed in the process. Applications may be slowed down by needless re-renders and a lack of control over state changes. These difficulties have paved the way towards the most recent changes in the Angular world.

The latest versions of Angular are addressing these issues with the signals and the new control flow syntax. Signals offer a lightweight solution to control state and reactivity, guaranteeing that updates only take place when required. In addition, the new control flows provide less template logic, more fine-grained lazy loading, and enhanced efficiency. Those changes are steadily creating a path toward a zoneless future.

This talk will showcase this Angular renaissance and how it addresses real-world problems through live demos. As you prepare for the exciting future of Angular, you will depart with an understanding of how to use signals and control flows to create apps that are faster and more responsive.

Transcript

1. The Future of Angular: Faster, Lighter, Stronger Loïc Magnette
2. Loïc Magnette Dev Senior Papa co-organisateur du BeJUG @LoMagnette lmagnette
3. Zone.js
5. New control flow
6. New control flow ng g @angular/core:control-flow
7. Signals
8. Signals
9. Signals
10. Signals const sheep = signal<Sheep>(aSheep)
11. Signals sheep()
12. Signals sheep()
13. Signals sheep()
14. Signals sheep()
15. Signals - Signal - Computed - Effect - Input - Output - Query - Model - LinkedSignal - Resource
16. Signals # Some new optional migrations in v19 # updates @Input $ ng generate @angular/core:signal-input-migration # updates @Output $ ng generate @angular/core:output-migration # updates Query $ ng generate @angular/core:signal-queries-migration
17. Zoneless future
18. SLIDES www.oniryx.be @LoMagnette lmagnette