El framework open source de Google estrenó el pasado mes de noviembre su última versión, que otorga una mayor importancia a la estabilidad del ecosistema en detrimento de nuevas funcionalidades.
Angular 11 llega al mercado con excelentes mejoras para los desarrolladores y programadores. Se trata de una versión major, que implica cambios que pueden romper configuraciones de antiguas actualizaciones, por lo tanto, es imprescindible contar con una buena formación en Angular que nos permita conocer cómo actualizar la aplicación con garantías de éxito.
Entre las novedades más importantes de esta versión de Angular destacamos las siguientes:
- Actualizaciones sobre la operación Byelog. El principal objetivo de la versión 11 es mejorar la estabilidad del ecosistema. Este proceso Angular lo llama “Operación Byelog” y consiste en aumentar los recursos destinados en los tres monorepos, Con esto, Angular pretende cerrar issues y ser más ágiles en sus Pull Requests (PR).
- Compilaciones más rápidas. El proceso de actualización de ngcc es mucho más rápido en la nueva versión, permitiendo una compilación más rápida con TypeScript v4.0. Así, el ciclo de desarrollo y compilación es mucho más rápido que en anteriores actualizaciones.
- Inserción automática de fuentes. Angular 11 permite automatizar el proceso de compilación de tipografías, convirtiéndolas por defecto en recursos en línea. Durante este proceso, se descargan las fuentes tipográficas, y se añaden al código html con una etiqueta style, consiguiendo una carga más rápida. Eso repercute positivamente en el SEO, ya que mejora considerablemente el tiempo del primer pintado.
- Mejoras en el entorno de desarrollo: logging y HMR. Angular simplifica el proceso de compilado, ofreciendo una información más clara acerca del estado de la aplicación. Por otro lado, se incorpora una nueva funcionalidad: el reemplazo de módulos en caliente (HMR: Hot Module Replacement), que permite cargar de forma automática los cambios en los componentes durante el desarrollo, sin tener que recargar el despliegue, pudiendo reducir considerablemente el tiempo invertido en el proceso.
- Soporte Experimental Webpack 5. Angular incorpora la posibilidad de utilizar Webpack 5, aunque de momento en versión beta, por tanto, no se recomienda su uso para producción. No obstante, ofrece mejoras como compilaciones más rápidas con almacenamiento en caché de disco persistente, y paquetes más pequeños gracias a cjs tree-shaking. Para habilitarlo en nuestro proyecto, debemos agregar el siguiente código en el archivo package.json:
«resolutions»: {
_ «webpack»: «5.4.0»_
}
- Angular Language Service. La vista previa actualizada del servicio de idiomas proporciona herramientas muy útiles para que el desarrollo con Angular sea más productivo, aportando sugerencias, avisos y correciones de posibles errores de código. Esto es posible gracias a un nuevo servicio de idiomas basado en Ivy, que nos permite inferir correctamente tipos genéricos en plantillas, al estilo del compilador de TypeScript.
- Informe y registros mejorados. Otro de los cambios más importantes de la versión 11 son los informes mejorados, incorporando nuevas actualizaciones de salida de CLI de Angular para mostrar una lectura de registros e informes más sencilla.
A diferencia de anteriores versiones, Angular 11 trae importantes novedades orientadas al rendimiento y estabilidad del ecosistema, ofreciendo una mejor experiencia de desarrollo, en un proceso inagotable de mejoras continuas que aporta periódicamente el framework de código abierto de Google. Además, de cara a futuras versiones se prepara el terreno con algunas mejoras que reducen exponencialmente los problemas y mejoras pendientes en GitHub.
FORMACIÓN EN ANGULAR
¿Eres una empresa y estás buscando una formación totalmente personalizada y adaptada a las necesidades de tu organización? En Formadores IT contamos con un equipo de consultores IT con larga experiencia en soluciones open source, como Angular, Python, Rust o C++, entre otros. Contáctanos y te propondremos un itinerario formativo especializado.
Además, contamos con una solución formativa 100% online y bonificada para desarrolladores y programadores: el curso online de Angular.
Próximas Convocatorias Online:
Soluciones Formativas Ofertadas:
¡Síguenos en redes sociales!
Follow @FormadoresIT