Nuevos cambios de compatibilidad con Angular TypeScript en la versión 10

Angular lanzó recientemente su versión 10 y está repleta de funciones. Un cambio importante es el hecho de que su nuevo soporte para TypeScript rompe la compatibilidad con versiones anteriores. Veamos qué hay de nuevo y cómo beneficia a los desarrolladores de Angular.

Los cambios en la compatibilidad con TypeScript en Angular 10 se pueden resumir en tres áreas:

Nueva compatibilidad con TypeScript 3.9

Angular 10 es un lanzamiento principal publicado el 24 de junio y cargado con muchas adiciones nuevas: desde componentes de la interfaz de usuario como un nuevo selector de rango de fechas hasta cambios importantes bajo el capó, como la compatibilidad con la versión de TypeScript.

La compatibilidad con Angular TypeScript se ha mantenido actualizada muy rápido, lo que muestra un compromiso total con el superconjunto de tipos de JavaScript:

• Angular 9 lanzado el 6 de febrero compatible con TypeScript 3.7
• Angular 9.1 lanzado el 25 de marzo introdujo soporte para TypeScript 3.8
• Angular 10 ahora solo es compatible con TypeScript 3.9

Tenga en cuenta que este es un cambio importante: TypeScript 3.8 y anteriores ya no son compatibles con Angular y, si por alguna razón los necesita, no debe actualizar a Angular 10 para preservar la integridad de su aplicación.

TSlib, la biblioteca de tiempo de ejecución oficial para TypeScript que contiene todas las funciones auxiliares de TypeScript, se ha actualizado a la versión 2.0.

TSLint, la herramienta de análisis estático que verifica el código TypeScript para detectar errores de legibilidad, mantenimiento y funcionalidad, se actualizó a la versión 6. Esta es la última versión principal de TSLint antes de que quedara obsoleta, por lo que es probable que una nueva versión de Angular introduzca soporte para TypeScript ESLint, la evolución de TSLint que permite que ESLint admita TypeScript.

Nueva estructura del proyecto

Otra área en la que también se actualizó la compatibilidad con Angular TypeScript es en el diseño del proyecto. La versión 10 ahora presenta un nuevo tsconfig.base.json. Este nuevo archivo funciona en conjunto con el tradicional tsconfig.json:

• el tsconfig.jsonarchivo contiene una lista de rutas a otros archivos de configuración de TypeScript incluidos en el proyecto actual para determinar a qué archivo de configuración pertenece un archivo para que pueda aplicar las opciones apropiadas. Mientras que los editores de código y el servidor de lenguaje de TypeScript usan este archivo para una mejor experiencia de desarrollo, los compiladores no lo hacen.
• El tsconfig.base.jsonarchivo especifica las opciones básicas del compilador TypeScript y Angular que heredan todos los proyectos en el espacio de trabajo.

Actualizar una aplicación con ng updateactualizará automáticamente la estructura para usar el nuevo tsconfig.base.json.

Nuevas configuraciones estrictas

Angular 10 ahora ofrece una nueva opción para el comando CLI ng new. Cuando crea un nuevo espacio de trabajo con

ng new --strict

el nuevo espacio de trabajo tendrá nuevas configuraciones activadas para activar el modo estricto en TypeScript y configurar reglas de linting para evitar declaraciones de tipo any. Esto permite ayudar a detectar errores con anticipación y también permite que la CLI realice optimizaciones avanzadas en la aplicación.

Más cambios en Angular 10

Esta publicación resumió los cambios en la compatibilidad con Angular TypeScript. Hay muchos más cambios sobre los que puede leer en la publicación del blog de lanzamiento de Angular 10