Angular lanz\u00f3 recientemente su versi\u00f3n 10 y est\u00e1 repleta de funciones. Un cambio importante es el hecho de que su nuevo soporte para TypeScript rompe la compatibilidad con versiones anteriores. Veamos qu\u00e9 hay de nuevo y c\u00f3mo beneficia a los desarrolladores de Angular.<\/p>\n
Los cambios en la compatibilidad con TypeScript en Angular 10 se pueden resumir en tres \u00e1reas:<\/p>\n
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<\/a> hasta cambios importantes bajo el cap\u00f3, como la compatibilidad con la versi\u00f3n de TypeScript.<\/p>\n La compatibilidad con Angular TypeScript<\/a> se ha mantenido actualizada muy r\u00e1pido, lo que muestra un compromiso total con el superconjunto de tipos de JavaScript:<\/p>\n 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\u00f3n los necesita, no debe actualizar a Angular 10 para preservar la integridad de su aplicaci\u00f3n.<\/p>\n TSlib<\/a>, la biblioteca de tiempo de ejecuci\u00f3n oficial para TypeScript que contiene todas las funciones auxiliares de TypeScript, se ha actualizado a la versi\u00f3n 2.0.<\/p>\n TSLint<\/a>, la herramienta de an\u00e1lisis est\u00e1tico que verifica el c\u00f3digo TypeScript para detectar errores de legibilidad, mantenimiento y funcionalidad, se actualiz\u00f3 a la versi\u00f3n 6. Esta es la \u00faltima versi\u00f3n principal de TSLint antes de que quedara obsoleta, por lo que es probable que una nueva versi\u00f3n de Angular introduzca soporte para TypeScript ESLint<\/a>, la evoluci\u00f3n de TSLint que permite que ESLint admita TypeScript.<\/p>\n Otra \u00e1rea en la que tambi\u00e9n se actualiz\u00f3 la compatibilidad con Angular TypeScript es en el dise\u00f1o del proyecto. La versi\u00f3n 10 ahora presenta un nuevo Actualizar una aplicaci\u00f3n con Angular 10 ahora ofrece una nueva opci\u00f3n para el comando CLI el nuevo espacio de trabajo tendr\u00e1 nuevas configuraciones activadas para activar el modo estricto en TypeScript y configurar reglas de linting para evitar declaraciones de tipo Esta publicaci\u00f3n resumi\u00f3 los cambios en la compatibilidad con Angular TypeScript. Hay muchos m\u00e1s cambios sobre los que puede leer en la publicaci\u00f3n del blog de lanzamiento de Angular 10<\/a><\/p>\n\n
Nueva estructura del proyecto<\/h2>\n
tsconfig.base.json<\/code>. Este nuevo archivo funciona en conjunto con el tradicional tsconfig.json<\/code>:<\/p>\n\n
tsconfig.json<\/code>archivo contiene una lista de rutas a otros archivos de configuraci\u00f3n de TypeScript incluidos en el proyecto actual para determinar a qu\u00e9 archivo de configuraci\u00f3n pertenece un archivo para que pueda aplicar las opciones apropiadas. Mientras que los editores de c\u00f3digo y el servidor de lenguaje de TypeScript usan este archivo para una mejor experiencia de desarrollo, los compiladores no lo hacen.<\/li>\ntsconfig.base.json<\/code>archivo especifica las opciones b\u00e1sicas del compilador TypeScript y Angular que heredan todos los proyectos en el espacio de trabajo.<\/li>\n<\/ul>\nng update<\/code>actualizar\u00e1 autom\u00e1ticamente la estructura para usar el nuevo tsconfig.base.json<\/code>.<\/p>\nNuevas configuraciones estrictas<\/h2>\n
ng new<\/code>. Cuando crea un nuevo espacio de trabajo con<\/p>\nng new --strict<\/code><\/p>\nany<\/code>. Esto permite ayudar a detectar errores con anticipaci\u00f3n y tambi\u00e9n permite que la CLI realice optimizaciones avanzadas en la aplicaci\u00f3n.<\/p>\nM\u00e1s cambios en Angular 10<\/h2>\n