You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: adev/src/content/reference/roadmap.md
+18-17Lines changed: 18 additions & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -38,7 +38,7 @@ Start developing with the latest Angular features from our roadmap. This list re
38
38
### Bringing the best of AI to Angular
39
39
40
40
<docs-card-container>
41
-
<docs-cardtitle="AI Powered Angular"href="">
41
+
<docs-cardtitle="AI Powered Angular">
42
42
AI continues to shape the development landscape. It has changed how we develop apps and the types of user experiences that are possible. We plan to best support the developer community in AI-assisted coding and integrating AI in their applications.
43
43
</docs-card>
44
44
<docs-cardtitle="AI Development">
@@ -73,11 +73,11 @@ As part of this project, we'll explore the requirement space of cross framework
In Angular v21, we landed an experimental version of Signal Forms. This new approach allows developers to manage form state using signals, providing an ergonomic forms creation experience. Next, our plans include promoting Signal Forms to stable and enhancing interoperability with reactive forms - enabling teams to progressively migrate large forms at their own pace.
75
75
</docs-card>
76
-
<docs-cardtitle="Reactivity"href="">
76
+
<docs-cardtitle="Reactivity">
77
77
We introduced experimental signal APIs, resource() and httpResource(), for flexible asynchronous data handling. We plan to promote these APIs to developer preview/stable based on community feedback.
78
78
We are also evaluating new APIs for unhandled use cases, considering community benefits and tradeoffs before implementation after careful consideration.
79
79
</docs-card>
80
-
<docs-cardtitle="Change Detection"href="">
80
+
<docs-cardtitle="Change Detection">
81
81
With Zoneless being stable and default, we are also planning to shift the default change detection strategy to OnPush, to follow current best practices. [See the RFC discussion for details](https://github.com/angular/angular/discussions/66779).
82
82
</docs-card>
83
83
<docs-cardtitle="Components">
@@ -90,35 +90,36 @@ For accessibility, we are continuously evaluating the components and patterns ag
90
90
### Improve tooling
91
91
92
92
<docs-card-container>
93
-
<docs-cardtitle="Modernize unit testing tooling with ng test"href="">
93
+
<docs-cardtitle="Modernize unit testing tooling with ng test">
94
94
Following the stable release of Vitest in Angular v21, it is now our primary test runner. We are now focused on promoting our experimental Karma to Vitest migration tool to stable as well as investigating new features to further refine and improve the developer testing workflow.
95
95
</docs-card>
96
96
</docs-card-container>
97
97
98
98
## Completed projects
99
99
100
100
<docs-card-container>
101
-
<docs-cardtitle="Signal debugging in Angular DevTools"href=""link="Completed in 2025">
101
+
<docs-cardtitle="Signal debugging in Angular DevTools"link="Completed in 2025">
102
102
With the evolution of Signals in Angular, we are working on a better tooling for debugging them. High on the priority list is a UI for inspecting and debugging signals.
103
103
</docs-card>
104
104
<docs-cardtitle="Improve HMR (Hot Module Reload)"href="https://github.com/angular/angular/issues/39367#issuecomment-1439537306"link="Completed in 2025">
105
105
We're working towards faster edit/refresh cycle by enabling hot module replacement.
106
106
107
107
In Angular v19 we shipped initial support for CSS and template HMR and in v20 we graduated template HMR to stable. We'll continue collecting feedback to make sure we're addressing developers' needs before we mark this project as complete.
108
108
</docs-card>
109
-
<docs-cardtitle="Zoneless Angular"href=""link="Completed in Q4 2025">
109
+
<docs-cardtitle="Zoneless Angular"link="Completed in Q4 2025">
110
110
In v18 we shipped experimental zoneless support in Angular. It enables developers to use the framework without including zone.js in their bundle, which improves performance, debugging experience, and interoperability. As part of the initial release we also introduced zoneless support to the Angular CDK and Angular Material.
111
111
112
-
In v19 we introduced zoneless support in server-side rendering, addressed some edge cases, and created a schematic to scaffold zoneless projects. We transitioned <a href="https://fonts.google.com/">Google Fonts</a> to zoneless which improved performance, developer experience, and allowed us to identify gaps that we need to address before moving this feature to developer preview.
112
+
In v19 we introduced zoneless support in server-side rendering, addressed some edge cases, and created a schematic to scaffold zoneless projects. We transitioned <ahref="https://fonts.google.com/">Google Fonts</a> to zoneless which improved performance, developer experience, and allowed us to identify gaps that we need to address before moving this feature to developer preview.
113
113
114
-
As of Angular v20.2, Zoneless Angular is now stable and includes improvements in error handling and server-side rendering.
115
-
</docs-card>
116
-
<docs-card title="Server route configuration" link="Completed in Q2 2025" href="">
117
-
We're working towards enabling a more ergonomic route configuration on the server. We want to make it trivial to declare which routes should be server-side rendered, prerendered or client-side rendered.
114
+
As of Angular v20.2, Zoneless Angular is now stable and includes improvements in error handling and server-side rendering.
115
+
</docs-card>
116
+
117
+
<docs-cardtitle="Server route configuration"link="Completed in Q2 2025" >
118
+
We're working towards enabling a more ergonomic route configuration on the server. We want to make it trivial to declare which routes should be server-side rendered, prerendered or client-side rendered.
118
119
119
120
In Angular v19 we shipped developer preview of route-level render mode which allows you to granularly configure which routes you want Angular to prerender, server-side render or client-side render. In Angular v20 we graduated it to stable.
120
121
</docs-card>
121
-
<docs-cardtitle="Enable incremental hydration"link="Completed in Q2 2025"href="">
122
+
<docs-cardtitle="Enable incremental hydration"link="Completed in Q2 2025">
122
123
In v17 we graduated hydration from developer preview and we've been consistently observing 40-50% improvements in LCP. Since then we started prototyping incremental hydration and shared a demo on stage at ng-conf.
123
124
124
125
In v19 we shipped the incremental hydration in developer preview mode, powered by `@defer` blocks. In Angular v20 we graduated it to stable!
@@ -131,15 +132,15 @@ In Angular v20 we graduated all the fundamental reactivity primitives to stable
131
132
<docs-cardtitle="Support two-dimensional drag-and-drop"link="Completed in Q2 2024"href="https://github.com/angular/components/issues/13372">
132
133
As part of this project, we implemented mixed orientation support for the Angular CDK drag and drop. This is one of the repository's most highly requested features.
133
134
</docs-card>
134
-
<docs-cardtitle="Event replay with SSR and prerendering"link="Completed in Q4 2024"href="https://angular.dev/api/platform-browser/withEventReplay">
135
+
<docs-cardtitle="Event replay with SSR and prerendering"link="Completed in Q4 2024"href="api/platform-browser/withEventReplay">
135
136
In v18 we introduced an event replay functionality when using server-side rendering or prerendering. For this feature we depend on the event dispatch primitive (previously known as jsaction) that is running on Google.com.
136
137
137
138
In Angular v19 we graduated event replay to stable and enabled it by default for all new projects.
138
139
</docs-card>
139
-
<docs-cardtitle="Integrate Angular Language Service with Schematics"link="Completed in Q4 2024"href="">
140
+
<docs-cardtitle="Integrate Angular Language Service with Schematics"link="Completed in Q4 2024">
140
141
To make it easier for developers to use modern Angular APIs, we enabled integration between the Angular language service and schematics which allows you to refactor your app with a single click.
141
142
</docs-card>
142
-
<docs-cardtitle="Streamline standalone imports with Language Service"link="Completed in Q4 2024"href="">
143
+
<docs-cardtitle="Streamline standalone imports with Language Service"link="Completed in Q4 2024">
143
144
As part of this initiative, the language service automatically imports components and pipes in standalone and NgModule-based apps. Additionally, we've added a template diagnostic to highlight unused imports in standalone components, which should help make application bundles smaller.
144
145
</docs-card>
145
146
<docs-cardtitle="Local template variables"link="Completed in Q3 2024">
@@ -153,7 +154,7 @@ In v17.2 we shared experimental support for Angular Material 3 and in v18 we gra
153
154
<docs-cardtitle="Introduce deferred loading"link="Completed in Q2 2024"href="https://next.angular.dev/guide/templates/defer">
154
155
In v17 we shipped deferrable views in developer preview, which provide an ergonomic API for deferred code loading. In v18 we enabled deferrable views for library developers and graduated the API to stable.
155
156
</docs-card>
156
-
<docs-cardtitle="iframe support in Angular DevTools"link="Completed in Q2 2024"href="">
157
+
<docs-cardtitle="iframe support in Angular DevTools"link="Completed in Q2 2024">
157
158
We enabled debugging and profiling of Angular apps embedded within an iframe on the page.
158
159
</docs-card>
159
160
<docs-cardtitle="Automation for transition of existing hybrid rendering projects to esbuild and vite"link="Completed in Q2 2024"href="tools/cli/build-system-migration">
@@ -165,7 +166,7 @@ Angular.dev is the new site, domain and home for Angular development. The new si
165
166
<docs-cardtitle="Introduce built-in control flow"link="Completed in Q2 2024"href="https://next.angular.dev/essentials/conditionals-and-loops">
166
167
In v17 we shipped a developer preview version of a new control flow. It brings significant performance improvements and better ergonomics for template authoring. We also provided a migration of existing `*ngIf`, `*ngFor`, and `*ngSwitch` which you can run to move your project to the new implementation. As of v18 the built-in control flow is now stable.
167
168
</docs-card>
168
-
<docs-cardtitle="Modernize getting started tutorial"link="Completed Q4 2023"href="">
169
+
<docs-cardtitle="Modernize getting started tutorial"link="Completed Q4 2023">
169
170
Over the past two quarters, we developed a new [video](https://www.youtube.com/watch?v=xAT0lHYhHMY&list=PL1w1q3fL4pmj9k1FrJ3Pe91EPub2_h4jF) and [textual](/tutorials/learn-angular) tutorial based on standalone components.
170
171
</docs-card>
171
172
<docs-cardtitle="Investigate modern bundlers"link="Completed Q4 2023"href="guide/hydration">
0 commit comments