{"slug": "google-releases-angular-v22-with-stable-signal-forms-onpush-by-default-and", "title": "Google Releases Angular v22 with Stable Signal Forms, OnPush by Default and Experimental WebMCP", "summary": "Google released Angular v22 on June 5, 2026, stabilizing Signal Forms, Angular Aria, and asynchronous reactivity APIs, and making OnPush the default change detection strategy. The release also introduces experimental WebMCP support for AI coding agents and requires TypeScript 6, dropping Node 20 support. Developer feedback on Hacker News was largely positive, though some criticized the compiler and custom toolchain integration.", "body_md": "Angular, Google's TypeScript-first web application framework, has released [Angular v22](https://angular.dev/events/v22), shipping a mix of API stabilisations, template ergonomics work and new tooling aimed at AI coding agents.\n\nThe release promotes three long-running efforts to production-ready status: Signal Forms, Angular Aria and the asynchronous reactivity APIs. Signal Forms pull the strongly typed guarantees of reactive forms together with the ergonomics of template-driven forms into one declarative, signal-based API, and now ship with [full documentation](https://angular.dev/guide/forms) plus Angular Material and Angular Aria support.\n\nAlongside forms, `resource`\n\n, `rxResource`\n\nand `httpResource`\n\nare stable, giving teams a supported way to model asynchronous data as signals, with new `chain()`\n\nsupport for dependent requests and resource caching for server-side rendering.\n\nThe change with the widest blast radius is change detection. `OnPush`\n\nis now the default strategy for components, and the previous default has been renamed `Eager`\n\n.\n\nDependency injection also gains ground. A new `@Service()`\n\ndecorator replaces the common `@Injectable({providedIn: 'root'})`\n\npattern for global singletons, while `injectAsync`\n\nlets services be lazily loaded and code split, with optional prefetching when the browser is idle.\n\nTemplates gain spread and rest syntax, multiple case matching and exhaustive `never`\n\nchecks in `@switch`\n\n, inline arrow functions, and comments inside element tags. A developer preview of `@boundary`\n\n, an error boundary syntax for templates, is promised for Q3 2026. On the AI side, Angular ships experimental [WebMCP support](https://angular.dev/ai/webmcp), which exposes application and Signal Forms tools to in-browser agents, along with [Angular Agent Skills](https://github.com/angular/skills) and stable MCP dev server tooling.\n\nA [Hacker News thread](https://news.ycombinator.com/item?id=48386463) drew 135 points and 79 comments, with one developer noting that modern Angular \"has been a pleasure to use\", even if \"the ecosystem is a little rough\", and another excited about signal-forms:\n\nReally excited for this. I've been dying to use signal-forms and resources since they were experimental. Once I got on the signal train, I could never go back and having to use RxJS for forms became a major pain point.\n\nCriticism focuses on tooling with one commenter argued Angular should ditch its compiler:\n\nAngular should ditch the compiler altogether - it\n\nreallyhinders them in so many ways, especially now with AI-codegen where tools have to specifically choose to do the work to integrate the Angular toolchain instead of using plain TypeScript and HTML.\n\nAnother commented on the [biggest problem is how hard it is to use a custom toolchain](https://news.ycombinator.com/item?id=48388251) such as Vite.\n\nMigration runs through `ng update @angular/cli@^22 @angular/core@^22`\n\n, with the interactive [update guide](https://angular.dev/update-guide?v=21.0-22.0&l=3) covering the detail. Angular v22 requires TypeScript 6 and drops Node 20 support, and schematics automatically add `ChangeDetectionStrategy.Eager`\n\nto components that did not set a strategy, add `strictTemplates: false`\n\nwhere it was not already enabled, and remove `withFetch()`\n\nnow the HTTP client uses Fetch by default. Two items need manual attention: `paramsInheritanceStrategy`\n\nnow defaults to `'always'`\n\nwith no migration provided, and Webpack support, including `@angular-devkit/build-angular`\n\nand `@ngtools/webpack`\n\n, is deprecated.\n\nAngular is an open-source application framework maintained by Google, built on TypeScript and shipping a major release every six months. The [official release event](http://goo.gle/angular-v22-yt) premiered on June 5th 2026.", "url": "https://wpnews.pro/news/google-releases-angular-v22-with-stable-signal-forms-onpush-by-default-and", "canonical_source": "https://www.infoq.com/news/2026/08/angular-v22-released/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global", "published_at": "2026-08-10 06:12:00+00:00", "updated_at": "2026-08-10 06:51:18.635068+00:00", "lang": "en", "topics": ["developer-tools", "ai-agents"], "entities": ["Google", "Angular", "Signal Forms", "Angular Aria", "WebMCP", "Angular Agent Skills", "Hacker News", "TypeScript"], "alternates": {"html": "https://wpnews.pro/news/google-releases-angular-v22-with-stable-signal-forms-onpush-by-default-and", "markdown": "https://wpnews.pro/news/google-releases-angular-v22-with-stable-signal-forms-onpush-by-default-and.md", "text": "https://wpnews.pro/news/google-releases-angular-v22-with-stable-signal-forms-onpush-by-default-and.txt", "jsonld": "https://wpnews.pro/news/google-releases-angular-v22-with-stable-signal-forms-onpush-by-default-and.jsonld"}}