La versión 12 del popular framework open source de Google se estrenó el pasado mes de mayo y viene con importantes novedades para desarrolladores.
Hace apenas unas semanas se estrenó Angular 12, con un paquete de nuevas funciones disponibles para el desarrollo web front-end. Angular es un framework para aplicaciones web desarrollado en TypeScript, utilizado para crear y mantener aplicaciones web de una sola página.
En cierto sentido, Angular 12 podría definirse como una actualización de mantenimiento, en el marco de una línea continuista respecto a versiones anteriores. Pero también se empieza a declarar como obsoletas herramientas antiguas con el objetivo de promover una nueva forma de hacer las cosas.
A continuación os explicamos las principales novedades de Angular 12:
- Se incorpora una nueva versión de Ivy, declarando como obsoleto «View Engine», el antiguo motor de renderizado de las templates. Además, se corrigen bugs especialmente en proyectos con un bundle grande y se ofrece un motor más compacto.
- La desaparición de Protractor. Si bien los inicios de AngularJS, el precursor de Angular, esta herramienta se centraba en el desarrollo de test end to end, en esta nueva versión se ha optado por su cese definitivo. Así, se ofrecen soluciones de terceros de cara a nuevos proyectos: por ejemplo, Cypress.
- La incorporación del Operador null-coalescing (??). Permite a desarrolladores escribir un código mucho más limpio y sencillo en TypeScript. Además, en esta nueva versión contará con soporte para utilizar en las plantillas de los componentes. Así, una sintaxis compleja como {{impuesto !== null && impuesto !== undefined ? impuesto: calcularImpuesto()}} podría convertirse en {{impuesto ?? calcularImpuesto()}}.
- Checking en profundidad del código por defecto. Se trata de una función simple que todo desarrollador debe conocer. En este sentido, al crear un nuevo proyecto en Angular, este trabajará en modo estricto, negándose a compilar código que no cumpla con las recomendaciones actuales de desarrollo.
- Nuevo sistema de módulos de Sass en Angular CDK y Angular Material. Los desarrolladores deben asegurarse de cambiar el paquete “node-sass” al paquete “sass”. Por otro lado, tanto Angular CDK como Angular Material presentan una nueva API diseñada para ser consumida con la nueva sintaxis @use.
- Mejoras en el sistema de internacionalización de mensajes. En Angular 12 se corrigen algunos de los problemas más comunes que ocurrían con la lógica utilizada, por ejemplo, para generar los identificadores de los diferentes mensajes dentro de la aplicación evitando espacios. Así, se trabaja en un formato canónico e introduciendo una herramienta de migración para poder transformar el formato de los identificadores antiguos al nuevo formato.
- Soporte de Webpack 5 en su uso en producción. Esta nueva versión de Angular utilizará Webpack 5 como base para compilar en producción, ahorrando tiempo y mejorando el rendimiento durante el proceso de compilación.
- Mejoras en la documentación. Se ha mejorado considerablemente la documentación oficial de Angular.io, mostrando nuevas oportunidades de mejora orientadas a aquellos que deseen iniciarse en Angular y no saben por dónde empezar. Además, se ofrecen varias guías actualizadas en el apartado “Understanding Angular”.
En resumen, la versión 12 de Angular introduce mejoras a pequeña escala enfocadas a mejorar la experiencia de desarrollo y la estabilidad del framework. En el roadmap oficial de Angular podemos ver cómo de cara a futuras versiones se esperan cambios importantes, como la actualización de la versión de RxJS.
FORMACIÓN EN ANGULAR
¿Eres una empresa y estás buscando una formación en Angular 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, disponemos de un curso 100% online y bonificable para empleados.
Soluciones Formativas Ofertadas:
¡Síguenos en redes sociales!
Follow @FormadoresIT