Potential Angular 20 Features and Trends

Angular 20 is around the corner, expected in late May 2025. Angular keeps moving forward to be the web framework to choose for delivering web apps with confidence in terms of performance, developer experience, stability, and reliability. As we did with Angular 19, this article will outline and expose a speculative list of the expected features and improvements based on the official Angular roadmap and strategy, community discussions, and official Angular blogs and videos.

Ready to See What MESCIUS Has to Offer? Check Out Our JavaScript Solutions!

Zoneless Promotion to Developer Preview

As discussed in Potential Angular 19 Features and Trends, Signals are now the new reactivity system adopted by Angular. Making Angular applications zoneless has been highly anticipated for years. This will bring significant improvements to the framework, such as a reduced bundle size, faster initial rendering, improved performance, and more. This has already shown concrete and measurable improvement in terms of LCP among early adopters at Google.

// Currently in experimental mode

bootstrapApplication(MyApp, {providers: [  provideExperimentalZonelessChangeDetection(),]});


// Promotion to developer preview in Angular 20

bootstrapApplication(MyApp, {providers: [  provideZonelessChangeDetection(),]});

Signal-Based Forms

Based on the Angular 2024 survey and Angular strategy for 2025, the Angular team is currently prototyping signal-based forms and is willing to make it the default recommendation in the future. As a result, there will be a unified API, better scalability for complex form scenarios, and alignment with Angular’s signal-based reactivity system. As a result, an experimental signal-based form API could be part of Angular 20.

Selectorless Components

Angular 20 may introduce the experimental concept of selectorless components to address a recurring issue with how components are created today. It will mainly resolve the dissatisfaction of developers regarding the “double imports” as shown in the code below. With selectorless components, developers can import components directly into templates without a selector, making updates easier when refactoring or renaming components.

import { AComponent } from 'a-library';
@Component({  selector: 'my-app',   imports: [AComponent], // <-- a second import here or imports array of NgModule for none standalone components  template: `<a-cmp/>`})export class App {...}

Enhanced Testing Experience

Since Angular's default test runner, Karma, is deprecated, the team has officially announced their intention to invest in this project in 2025. Angular 20 is likely to introduce an experimental default test runner. Three main candidates are under consideration:

• Jest, which is already in experimental support since Angular 16 (with no updates as of this blog).
• Web Test Runner, already integrated into Angular CLI and favored by the team for its browser-based unit testing.
• Vitest, a fast and developer-friendly lightweight framework.

For now, nothing is confirmed. The chosen candidate won’t break existing tests, as the Angular team is preserving Jasmine as an assertion library. Only the test runner, Karma, will be replaced, making it easier for developers to adopt.

Incremental Hydration and Render Modes

Angular 19 shipped incremental hydration in developer preview mode, powered by @defer blocks. A significant improvement has been observed, with the team consistently reporting 40-50% gains in LCP. Angular 20 may be the release where this feature is stabilized and ready for use by a wider developer audience.

Reactive APIs Advancements

Angular may refine its reactivity model in v20. The effect API will likely be stabilized. The resource APIs (resource/rxResource/httpResource) may be promoted to the developer preview, bridging the synchronous signals world and asynchronous operations, and contributing to more maintainable, efficient, and scalable Angular applications. However, this is still speculative at this stage.

Accessibility Primitives

Angular 20 may introduce new accessibility primitives, introducing built-in utilities to improve accessibility and simplify inclusive design.

How Angular 20 Integrates with MESCIUS Products

If the anticipated features in Angular 19 come to fruition and become stable, MESCIUS products are well-positioned to fully capitalize on them.

Wijmo: Wijmo's Angular UI components’ state handling could be more predictable and consistent with a full signals integration. As a result, performance would improve in dynamic dashboards and updates will be more efficient—especially when dealing with rapidly changing data.

SpreadJS: As a result of the continuous optimization of Angular in terms of bundle sizes, the SpreadJS component's initialization could be faster within Angular applications, leading to improved performance and user experience when handling large datasets and complex calculations in spreadsheet operations.

ActiveReportsJS: With all the server-side rendering improvement and the potential stabilization of incremental hydration, ActiveReportsJS could see enhanced performance in the initial loading and rendering of reports, especially in server-side rendered applications.

Ready to See What MESCIUS Has to Offer? Check Out Our JavaScript Solutions!

Overall

We continuously refine our tools to keep pace with Angular’s innovations, ensuring they blend seamlessly into your workflow and provide the performance your applications demand.