Publicado en en Programación
Angular 17 celebra su decimotercer aniversario con una nueva imagen y una actualización significativa en sus funcionalidades, estableciendo nuevos estándares en rendimiento y experiencia de desarrollo.
Nueva Imagen y Logo
Angular 17 estrena un nuevo logotipo que simboliza la evolución del framework, reflejando los avances internos y la modernización del ecosistema Angular.
Nuevo Tooling por Defecto
Vite y esbuild son ahora las herramientas predeterminadas para `ng serve` y `ng build`, mejorando el rendimiento y reduciendo los tiempos de compilación hasta un 67%. Este cambio, introducido inicialmente en Angular 16 como preview, ahora está habilitado por defecto.
Vistas Diferibles
La carga diferida mejora la velocidad de las aplicaciones mediante el uso de «vistas diferibles» (`@defer`). Este mecanismo permite cargar componentes y sus dependencias de manera perezosa, optimizando el rendimiento de las aplicaciones Angular.
Control de Flujo Integrado
Angular 17 introduce una nueva sintaxis de plantilla de bloque que facilita el control de flujo en las aplicaciones. Esta sintaxis mejora la ergonomía y la comprobación de tipos, y reduce la huella en tiempo de ejecución, mejorando el rendimiento hasta un 90%.
Renderizado Híbrido
La nueva versión mejora el renderizado híbrido, combinando SSR y SSG. Esto permite cargar aplicaciones rápidamente con HTML estático inicial, y la funcionalidad de Angular se hidrata en segundo plano. Este cambio facilita el despliegue en plataformas serverless como Firebase y CloudFlare.
Componentes Independientes
Los componentes independientes o «standalone» ahora son la opción por defecto. Estos componentes no requieren ser declarados en un NgModule, simplificando la creación y gestión de componentes en Angular.
Reactividad Basada en Señales
Angular 17 introduce un sistema reactivo basado en señales, permitiendo usar funciones puras para definir la lógica de la aplicación sin depender de Zone.js. Esta funcionalidad mejora la reactividad y el manejo de estados en las aplicaciones Angular.
Otras Mejoras
Además, se han implementado nuevas utilidades para los schematics, soporte para transformar valores de entrada de los componentes, optimización de imágenes en el `HttpClient`, y mejoras de rendimiento en Angular Material.