¿Cuáles son las nuevas actualizaciones en Angular14?
¿Cuáles son las nuevas actualizaciones en Angular14?
¿Has estado siguiendo las noticias más recientes de la comunidad Angular?
¡Angular v14 ya ha sido lanzado, por fin! El 2 de junio de 2022, la comunidad Angular ya lanzó el nuevo Angular 14.
Así es como se introducen los avances con el lanzamiento de Angular14, desde cambiar a 100% Ivy en la edición anterior de Angular13 hasta la inclusión de nuevas primitivas en el kit de desarrollo de Angular Component (CDK).
En esta versión también se incluyen una serie de funciones adicionales y correcciones de errores que fueron enviadas directamente por miembros de la comunidad. Algunos de los cambios significativos en la versión Angular 13 incluyeron la eliminación del soporte para IE11, una actualización de TypeScript 4.4 y modificaciones a la estructura del paquete Angular.
Qué hay de nuevo en Angular 14 para ofrecer
Componentes independientes
Al minimizar la necesidad de NgModules, los componentes independientes no hacen más que simplificar la autoridad de las aplicaciones Angular. En la vista previa para desarrolladores de Angular 14, las funciones independientes están disponibles. Una vez preparados, puede usarlos en sus aplicaciones para actividades de desarrollo y exploración.
Sin embargo, existe la posibilidad de que la API no sea estable y cambie fuera de la estrategia normal de compatibilidad con versiones anteriores.
Y el marco continuará creando esquemas (como ng new
Formas escritas estrictas
Ejecutar tipeo estricto para el paquete Angular React Native Forms es el problema principal de GitHub que cierra Angular14. Hará que el enfoque moderno e impulsado de Angular se integre mejor con los formularios.
Ahora, FormControl aceptará un tipo genérico que especifica el valor que contiene. Para asegurarse de que las aplicaciones actuales no se rompan durante la actualización, el equipo de Angular incluyó una migración automática en la versión 14. La complejidad de la API se evalúa periódicamente, por lo tanto, los cambios deben manejarse sin causar interrupciones en el ecosistema. Además, los formularios que utilizan plantillas no se verán afectados por las modificaciones más recientes.
Optimizar la accesibilidad del título de la página
Al desarrollar aplicaciones, el título de su página transmite claramente el contenido de su página. Con la introducción de la nueva propiedad Route.title en Angular Router en la versión anterior de Angular 13, agregar títulos se hizo más accesible.
Al agregar un título a su página en Angular 14, no se necesitan importaciones adicionales.
Nuevas primitivas en Angular CDK
El CDK de Angular, o kit de desarrollo de componentes, proporciona una colección completa de herramientas para crear componentes de Angular. El menú CDK y el diálogo ahora se han actualizado a la versión estable de Angular14. Sin embargo, las nuevas primitivas de CDK permiten la creación de componentes personalizados que son más accesibles.
Otras características adicionales
Mejoras en la CLI angular
El elogio estandarizado de los argumentos de la CLI hace que toda la CLI de Angular sea más consistente, y cada bandera ahora utiliza una sintaxis de minúsculas. Se eliminó la compatibilidad con argumentos de casos de camello obsoletos de Angular 14 y se agregó compatibilidad con el uso de alias combinados.
Diagnóstico de plantilla mejorado
Se agregaron diagnósticos de plantilla mejorados a Angular 14 para proteger a los desarrolladores de errores frecuentes a través de la coincidencia del compilador con el código mecanografiado. En Angular 13 y versiones anteriores de Angular, el compilador no genera ninguna advertencia y no se desarrolla si un problema se lo impide.
Los problemas comunes, como la sintaxis de enlace bidireccional inapropiada o el uso de operadores adicionales cuando la variable no admite valores NULL, pueden abordarse simplemente agregando advertencias. Además, se permiten pruebas de diagnóstico con la expansión de un nuevo compilador privado que emitiría alertas específicas o diagnósticos informativos para plantillas de usuario que no son muy letales.
Diagnóstico de desarrollador extendido
Para brindarle un marco adaptable que le brinde información adicional sobre su plantilla y cómo mejorarla, se crean nuevos diagnósticos extendidos.
El diagnóstico genera errores en tiempo de compilación con sugerencias precisas y procesables para sus plantillas, descubriendo errores antes del tiempo de ejecución.
Inyectores opcionales
Angular 14 agrega soporte para pasar un inyector opcional al crear una vista incrustada usando ViewContainerRef.createEmbeddedView y TemplateRef.createEmbeddedView.
El inyector entonces hace posible personalizar el comportamiento de dependencia dentro de la plantilla particular.
Angular DevTools está disponible sin conexión
Todo el crédito por la funcionalidad fuera de línea en la extensión de depuración de Angular DevTools es para Keith Li por su esfuerzo comunitario. Los usuarios de Firefox pueden ubicar la extensión en la sección Complementos de Mozilla.
Mejoras integradas
De forma predeterminada, Angular14 es compatible con TypeScript 4.7 y ES2020. Permite que la CLI implemente fragmentos cortos de código sin perder valor. Puede vincular miembros de componentes protegidos directamente desde nuestras plantillas gracias a otra característica útil de Angular 14. Obtiene control sobre la superficie API pública de los componentes reutilizables.
Para ver ejemplos de aplicaciones hechas en angular y otros lenguajes, revisa las Soluciones Ready-On que ofrecemos.
