Hola ¿cómo están? 👋
Soy un Tech Lead y entusiasta de Angular, al igual que muchos de ustedes. La evolución del framework es constante y apasionante. Comparto un hilo sobre las últimas novedades y lo que se anticipa para las próximas versiones. 🚀 #Angular #Angular18 #Angular19 #Angular20 #webdev #javascript #frontend
Angular 18: Foco en el Rendimiento. 🎯
- Detección de Cambios Zoneless (Experimental):
Se introduce, aún en fase experimental, una detección de cambios más eficiente, buscando optimizar el rendimiento y reducir dependencias. Un paso hacia mayor performance. 🏎️ #performance
- SSR Mejorado
El Server-Side Rendering recibe optimizaciones para mejorar los tiempos de carga inicial y el posicionamiento SEO de las aplicaciones. 🚀 #SSR
- Material 3:
Actualización de componentes a Material Design 3, con énfasis en diseño moderno y accesibilidad. ✨ Componentes adaptativos y accesibles. #MaterialDesign
Aunque sinceramente los breaking changes de material son bastante altos y en mi caso no he podido sacar tiempo para migrar esto, mas que nada porque ya tenía un sistema de overrides sobre material 2 theme.
Los componentes igualmente se ven mucho mas pulidos y aprovechan la librería de material web components.
Nuevas APIs de Signals:
Las Signals se consolidan y expanden su alcance, ofreciendo mayor control y reactividad en el desarrollo de componentes. 🚦 #Signals
Los signals pasan ahora a ser una parte fundamental del desarrollo en angular, es una sana mezcla entre la programación declarativa que nos provee RxJS pero si. tanta curva de aprendizaje.
Si todavia no estas usando signals no entiendo que estas esperando
Angular 19: Improve bundle sizes, hydration, SSR y Resource API
Componentes Standalone como elemento central ⭐️
Standalone por Default:
Se promueven los componentes Standalone, simplificando la estructura de los módulos y facilitando el desarrollo. Menos NgModule, más foco en el componente. 🎉 #standalone
En mis nuevos repos he limpiado casi todos los ngmodules solo uso standalones y con el nuevo language server da gusto usarlo.
- Hidratación Incremental (Developer Preview):
Se presenta la hidratación incremental para mejorar la experiencia de usuario, permitiendo la carga y activación progresiva de la aplicación. 💧
No he podido usarlo básicamente porque tengo muchos intialiazers bloqueando la carga de la app, si alguien sabe como se puede aprovechar en éste caso me lo dice??
- Estabilización de Event Replay en SSR:
Se robustece el mecanismo de replay de eventos en Server-Side Rendering, buscando un comportamiento más predecible y consistente. 🔄 #SSR
- Nuevas APIs: `resource` y `rxResource`:
Se incorporan nuevas APIs para la gestión de recursos y operaciones HTTP reactivas, integrándose con el modelo de Signals. 🧰 #Signals #APIs
Adios Rxjs??
¿Qué esperar para Angular 20? Anticipando el futuro... 🔭
Énfasis en la Experiencia del Desarrollador (DX):
Se anticipa un mayor enfoque en herramientas y funcionalidades que mejoren la productividad y el flujo de trabajo de los desarrolladores. 🧑💻 Mejoras en debugging y optimización. #DX
Cuanto mas tiempo ahorremos a los desarrolladores mas eficaces seran para trabajar y menos frustración tendrán que manejar.
Desde el pipeline a las tools de desarrollo deben estar aceitadas
SSR Streaming:
Existe la expectativa de la introducción de Streaming en Server-Side Rendering en la versión 20. 🚀 Un avance significativo en la percepción de carga y performance. #SSR #Streaming
Esto seria muy interesante 👀
Desarrollo continuo de Zoneless:
Se espera que la detección de cambios Zoneless continúe su evolución y se consolide como una opción viable. 🧪 #zoneless
Yo ya tengo proyectos en los que empezamos a hacerlos zoneless y reusando incluso componentes existentes gracias a que forzamos el OnPush con reglas de ESLint
En conclusión:
Angular continúa su evolución, priorizando el rendimiento, la experiencia del desarrollador y la adopción de las últimas tendencias en desarrollo web.
🔥 Angular 20 genera gran expectativa. ¿Cuáles son sus features favoritas y qué esperan de la próxima versión? Los leo en los comentarios. 👇 #AngularCommunity
Maik