Angular 22: Stability and Asynchronous Power
Angular 22 is coming!
Teaching quality Angular courses since 2015.
As we approach the anticipated early June release, the Angular ecosystem is gearing up for a version that feels less like a transition and more like a solid foundation. While we wait for the full documentation to drop, here is a preview of the heavy hitters making their way into Angular 22.
The New injectAsync: Lazy Loading Just Got Smarter
Perhaps the most intriguing addition is the new injectAsync function. While we’ve long had powerful ways to lazy load components and routes, lazy loading services has traditionally been a manual chore of dynamic imports and manual provider management.
injectAsync allows you to load a service only when a specific part of your application truly needs it. This is a massive win for bundle sizes, especially when dealing with heavy services that aren't part of the "critical path."
We will share some code samples once Angular 22 has shipped.
Graduation Day: Stable APIs for Signals
Angular 22 marks a major milestone for the "Signal-first" future. Several experimental APIs that have been transforming how we manage state and data are officially being promoted to stable!
Signal Forms
The wait is over. Signal-based forms are moving out of the experimental phase. This brings a much more reactive, fine-grained approach to form handling compared to the traditional FormControl and FormGroup architecture, allowing for better performance and a more modern developer experience.Resource, rxResource, and httpResource
The "Resource" family of APIs is also reaching stability. These APIs provide a standard way to handle asynchronous data fetching directly within the Signal ecosystem:
resource: The base API for managing any asynchronous state.
rxResource: Seamlessly bridges the gap between RxJS Observables and Signals.
httpResource: A streamlined, Signal-native way to handle HTTP requests without the boilerplate of HttpClient subscriptions.
Looking Ahead
Version 22 is shaping up to be the version where the "new Angular" feels fully mature. By stabilizing the Resource APIs and Signal Forms, the team is giving us the green light to use these modern patterns in production with total confidence.
Stay tuned for a deep-dive technical post once the official release lands in June!
We have already incorporated those concepts in our training material!
Discover our Signals Workshop.
