¡Angular v18 ya está disponible!
El pasado 23 de mayo, se anunció el lanzamiento de la versión 18 de Angular, marcando un importante avance en su evolución. En las últimas tres versiones, se introdujeron muchas funciones y mejoras nuevas.
En esta ocasión, se concentraron en pulir el trabajo enviado al graduar muchas de las nuevas API a estables, abordar solicitudes comunes de los desarrolladores y lanzar experimentalmente uno de los proyectos de hoja de ruta más deseados: la detección de cambios sin zonejs.
Además, Angular se compromete a invertir los próximos 10 años en mejorar y motivar el uso de la plataforma.
Estas son algunas de las nuevas funcionalidades:
Control Flow Syntax ahora es estable
¡Control Flow Syntax ahora es estable! La sintaxis de control de flujo introducida en Angular 17 ya no es una característica en Developer Preview y puede usarse de manera segura. Dado que ahora es la forma recomendada de escribir templates, deberías considerar su uso en tus aplicaciones. Puedes migrar tus aplicaciones fácilmente utilizando los esquemáticos proporcionados.
Contenido por defecto en ng-content
Ahora se permite contenido por defecto dentro de la etiqueta ng-content. Esta extensión lógica permitirá a los desarrolladores incluir contenido predeterminado directamente en la propia etiqueta.
Forms events
La clase AbstractControl (la clase base para controles de formularios, grupos, arreglos y registros) ahora tiene una nueva propiedad llamada events.
Este campo es un observable que emite eventos cuando cambian el valor, el estado, el estado pristine o el estado touched del control. También emite eventos cuando el formulario se reinicia o se envía.
SSR and replay events
Ahora es posible registrar las interacciones del usuario durante la fase de hidratación y reproducirlas cuando la aplicación esté completamente cargada. Como sabrás, la fase de hidratación es la fase en la que el HTML renderizado por el servidor se transforma en una aplicación Angular completamente funcional, donde se agregan oyentes a los elementos existentes.
Sin embargo, durante esta fase, el usuario puede interactuar con la aplicación, y estas interacciones se pierden (si el proceso de hidratación no es lo suficientemente rápido).
Para habilitar esta función, puedes usar la función withReplayEvents() (Developer preview) en tu configuración de renderizado del lado del servidor:
Aplicaciones Zoneless
Angular v18 introduce una nueva forma de activar la detección de cambios. En lugar de depender de ZoneJS para saber cuándo algo ha cambiado posiblemente, el framework ahora puede programar la detección de cambios por sí mismo.
Para ello, se ha añadido un nuevo programador al framework (llamado ChangeDetectionScheduler), y este programador se utiliza internamente para activar la detección de cambios. Este nuevo programador está habilitado por defecto en la versión 18, incluso si usas ZoneJS. Sin embargo, el objetivo es alejarse progresivamente de ZoneJS y depender únicamente
de este nuevo programador.
Otras nuevas funcionalidades:
Defer syntax es estable
Propuesta de Signal como Standard
Experimental zoneless change detection
Router and redirects (redirectTo)
HttpClientModule deprecado (provideHttpClient)
SSR y i18n
Angular CLI (v18)
ng dev (Alias de ng serve - Vite)
New project skeleton updates
Con motivo del suceso, el integrante del equipo Solcre, Gustavo Rodriguez, dio una charla sobre lo tratado en este anuncio, en el evento Angular MVD realizado en Qubika.
Por más información el blog oficial de Angular:
https://blog.angular.dev/angular-v18-is-now-available-e79d5ac0affe
