Google’s Angular team has announced the release of Angular v21, the latest version of their popular TypeScript-based web framework. This update brings several new features and improvements, including experimental Signal Forms, a developer preview of the accessibility-focused Angular Aria library, and the stabilization of the local Model Context Protocol (MCP) server.

Introducing Signal Forms and Zoneless Change Detection

Signal Forms is an experimental library designed to provide a scalable, reactive forms experience built on Signals. It allows developers to define form models with signals that automatically synchronize with bound form fields, offering full type safety and built-in schema validation. Angular v21 also advances zoneless change detection, eliminating the need for zone.js. This approach improves performance, reduces bundle size, and enhances debugging, aligning with Angular’s goal of more efficient and native async operations.

These changes follow the progression from Angular v18, where zoneless change detection was introduced experimentally, to v20.2, where it reached stability. The Angular team emphasizes that these improvements lead to better core web vitals, ecosystem compatibility, and greater developer control.

Stabilization of MCP Server and Launch of Angular Aria

The MCP server, launched as an experimental feature in Angular v20.2, has now reached stable status in v21. This server provides tools to give AI agents context about Angular applications and supports features such as application updates and developer education. It aims to help developers access up-to-date information and improve their Angular skills.

Additionally, Angular v21 introduces a developer preview of Angular Aria, a library offering accessible, headless directives for common UI patterns. These directives handle keyboard interactions, ARIA attributes, focus management, and screen reader support. Developers can implement patterns like Accordion, Combobox, Grid, Listbox, Menu, Tabs, Toolbar, and Tree with minimal HTML structure and CSS styling, allowing for highly customizable UI components.

Overall, Angular v21 focuses on enhancing developer experience, performance, and accessibility, setting the stage for more modern and efficient web applications. The release continues Angular’s commitment to innovation and community-driven improvements.

Inspired by

• https://www.infoworld.com/article/4095551/angular-v21-debuts-signal-forms-stabilizes-mcp-server.html

Sources

• angular.dev
• angular.dev
• angular.dev
• angular.dev
• w3.org