- Angular v21 es una gran actualización para la era del desarrollo web centrado en IA, con funciones clave como Signal Forms, Angular Aria, servidor MCP, Vitest y detección de cambios Zoneless
- Signal Forms ofrece gestión reactiva de formularios basada en Signals, con seguridad de tipos y validación basada en esquemas
- Angular Aria es una biblioteca de componentes UI headless con prioridad en accesibilidad, con 8 patrones y 13 componentes que pueden personalizarse al estilo del desarrollador
- Vitest fue adoptado y estabilizado como ejecutor de pruebas predeterminado, mientras que zone.js deja de incluirse por defecto y la estrategia Zoneless se estandariza
- El nuevo sitio de documentación y las herramientas de tutor de IA y servidor MCP refuerzan la experiencia de desarrollo y la capacidad de integración con IA, punto clave de esta versión
Resumen de funciones principales
- Angular v21 refuerza ampliamente sus capacidades para crear entornos de desarrollo asistidos por IA y aplicaciones web escalables
- La nueva versión se centra en Signal Forms, Angular Aria, servidor MCP, Vitest y detección de cambios Zoneless
- Las aplicaciones nuevas ya no incluyen
zone.js por defecto, y en su lugar adoptan la estrategia Zoneless
- Angular CLI configura Vitest como ejecutor de pruebas predeterminado, aunque Karma y Jasmine siguen siendo compatibles
- El servidor MCP, que permite colaborar con agentes de IA, se estabiliza para que los LLM puedan aprovechar las funciones más recientes de Angular
Signal Forms (función experimental)
- Signal Forms es una biblioteca de gestión de estado de formularios reactivos basada en Signals
- El modelo del formulario se define como signal y se sincroniza automáticamente con los campos
- Incluye seguridad de tipos y lógica de validación basada en esquemas
- Se enlaza con la plantilla usando
form() y la directiva [field]
- Permite enlazar componentes personalizados sin
ControlValueAccessor
- Incluye patrones de validación básicos, como validación de correo electrónico y coincidencia con expresiones regulares, y permite agregar validadores personalizados
- Por ahora está en fase experimental y se mejorará con base en la retroalimentación
Angular Aria (developer preview)
- Angular Aria es una biblioteca de componentes UI headless con la accesibilidad como prioridad máxima
- Ofrece 8 patrones (Accordion, Combobox, Grid, Listbox, Menu, Tabs, Toolbar, Tree) y 13 componentes
- Todos los componentes se entregan sin estilos, lo que permite personalización total
- Comando de instalación:
npm i @angular/aria
- El equipo de Angular propone tres caminos para desarrollar componentes
- Angular Aria: componentes headless centrados en accesibilidad
- CDK: ofrece primitivas de comportamiento como Drag & Drop
- Angular Material: componentes completos con estilo Material Design
Servidor MCP e integración con IA
- El servidor MCP es un servidor de herramientas con soporte de IA integrado en Angular CLI, y en v21 queda estabilizado
- Funciones principales
- get_best_practices: ofrece buenas prácticas
- search_documentation: busca en la documentación oficial
- find_examples: proporciona ejemplos recientes de Angular
- onpush_zoneless_migration: genera un plan de transición a Zoneless
- ai_tutor: asistente de aprendizaje de Angular basado en IA
- A través del servidor MCP, Angular resuelve el problema del knowledge cutoff de los LLM, permitiendo usar funciones recientes como Signal Forms y Angular Aria
Vitest como ejecutor de pruebas predeterminado
- Vitest queda estabilizado como el ejecutor de pruebas predeterminado de Angular
- Se puede ejecutar con el comando
ng test
- Karma fue descontinuado después de 2023, y Jest y Web Test Runner se eliminarán en v22
- Los proyectos existentes pueden seguir usando Karma/Jasmine
- Se ofrece migración automática con el comando
ng g @schematics/angular:refactor-jasmine-vitest
Detección de cambios Zoneless
- zone.js realizaba la detección de cambios parcheando APIs del navegador, pero tenía limitaciones de rendimiento
- La detección de cambios Zoneless basada en Signals pasa a ser el valor predeterminado en v21
- En 2024, más de la mitad de las nuevas apps internas de Google ya usan Zoneless
- Según HTTP Archive, más de 1,400 aplicaciones públicas adoptaron Zoneless
- Ventajas de Zoneless
- Mejora de Core Web Vitals, reducción del tamaño del bundle, depuración más simple y mejor compatibilidad con procesamiento asíncrono
- Las apps existentes pueden usar la guía de migración o la herramienta
onpush_zoneless_migration del servidor MCP
Mejoras en documentación y experiencia de desarrollo
- Renovación completa del sitio angular.dev
- Nueva landing page y estructura de documentación enfocada en conceptos actuales
- Nuevo hub de recursos de desarrollo con IA (angular.dev/ai)
- Actualización de las guías de Signals tutorial, routing, DI, temas de Material y Tailwind CSS
- La herramienta
search_documentation del servidor MCP permite buscar en la documentación más reciente
Mejoras adicionales
- Actualización de la biblioteca CLDR a v47 (mejoras en formatos de moneda y fecha)
- Soporte para expresiones regulares en plantillas, formateadores integrados para Signals y personalización de opciones de IntersectionObserver
- Genericidad en SimpleChanges, mejoras en el pipe KeyValue y nuevas clases utilitarias en Material
- CDK Overlay mejora la accesibilidad al usar el popover nativo del navegador
- Angular DevTools agrega visualización de rutas y gráfico de Signals
Contribuciones de la comunidad
- Desde v20, 215 personas contribuyeron al código base de Angular
- Principales contribuciones
- Jaime Burgos: mejoras en migración y diagnósticos
- Angelo Parziale: incorporación de migración para conversión de NgClass/NgStyle
- Hryhorii Avcharov: añadió la pestaña Transfer State a DevTools
- Luke Beach, Ruslan Lekhman, Cédric Exbrayat, Younes Jaaidi y otros: mejoras en funciones relacionadas con Vitest y CDK
Otros
- El resultado de la votación de la mascota de Angular se revelará en el evento de lanzamiento en YouTube del 20 de noviembre de 2025
- El equipo de Angular planea seguir desarrollando un entorno de creación de apps web escalable y confiable mediante Signal Forms y Angular Aria
- Se puede actualizar a la versión más reciente con el comando
ng update
2 comentarios
¿Será que para los lenguajes o frameworks donde el rendimiento de los LLM es más bajo ofrecen un servidor MCP así para mejorar la calidad de las respuestas?
El soporte oficial del servidor MCP se ve bien; me pregunto si React también tiene algo parecido.