Cómo probar TypeScript 7.1 Beta en un proyecto Vue sin romper tu editor

Guía práctica para probar la beta de TypeScript 7.1 y los content mappers en un proyecto Vue, manteniendo TypeScript 6 a mano en el editor.

Ingeniería de software

Microsoft ha publicado la beta de TypeScript 7.1, la primera actualización del compilador nativo escrito en Go que llegó con la versión 7.0 en julio. Lo importante para quien construye herramientas es que vuelve una API programática del compilador, ahora dividida en puntos de entrada separados.

Nosotros hemos ordenado los pasos para probarla con calma en un proyecto Vue, que es donde más se nota. La idea es medir antes de decidir y no tocar el flujo de trabajo del equipo hasta que las herramientas del ecosistema se estabilicen.

Terminal mostrando una comprobación de tipos de un proyecto frontend con el tiempo total de ejecución — Medir el tiempo de comprobación antes y después es la mejor forma de justificar la migración.

Lo que necesitas

Un proyecto con TypeScript y, idealmente, componentes .vue o .svelte para aprovechar los content mappers.
Una rama aparte o un entorno de CI de pruebas, para no mezclar la beta con tu flujo diario.
Una cifra de referencia: cuánto tarda hoy tu comprobación de tipos con la herramienta actual.
Disposición a mantener TypeScript 6 en el editor mientras las herramientas de Vue y Svelte no tengan una versión estable sobre 7.1.

Un aviso previo: la propia crónica de InfoQ recuerda que la beta llegó con dos semanas de retraso y que la versión candidata y la estable se sitúan tentativamente a finales de noviembre, según el plan de iteración. Trátala como una prueba, no como una migración definitiva.

Pasos para la prueba

Anota el tiempo actual de tu comprobación de tipos y guárdalo como línea base.
Crea una rama de pruebas e instala la beta de TypeScript 7.1 solo en esa rama.
Si usas Vue, revisa el trabajo de portado de Vue Language Tools, que ya se apoya en content mappers y sustituye al binario vue-tsc.
Ejecuta la comprobación con el compilador nuevo y compara con tu línea base.
Mantén TypeScript 6 en el editor y 7.1 en el CI hasta que tu framework publique herramientas estables.
Documenta lo que falle y avisa al equipo de TypeScript si echas en falta alguna función de la API.

# Instala la beta solo en la rama de pruebas
npm install --save-dev typescript@beta

# Comprueba la versión instalada
npx tsc --version

Qué esperar de los resultados

En una migración documentada de la app de administración de Directus, con 581 componentes Vue y 882 archivos TypeScript, la comprobación pasó de 14,19 a 3,10 segundos. Eso supone una mejora de 4,6 veces frente a vue-tsc 3.

No esperes lo mismo en todas partes. El benchmark de la documentación de MUI bajó de 22,2 a 11,9 segundos con aproximadamente la mitad de memoria, y en bases de código muy grandes como VS Code la ganancia ronda 1,2x. Una prueba independiente con NestJS midió 2,76 segundos en la beta frente a 4,95 en la 7.0.

Gráfico de barras comparando tiempos de comprobación de tipos entre el compilador antiguo y el nativo — Las mejoras varían según el tamaño y la naturaleza del proyecto.

Advertencias que conviene conocer

Hay un problema abierto: en cierto flujo de editor, guardar el archivo de configuración que vigila un mapper puede dejar los tipos desactualizados hasta reiniciar el servidor de lenguaje. Además, un mapper se ejecuta como proceso aparte y solo si lo activas, así que el equipo recomienda tratarlo como cualquier plugin de compilación y revisar de dónde viene.

Si vienes de TypeScript 5, el consejo es pasar primero por la 6 y después a la 7. Y si usas Vue, Svelte o Angular, mantén una instalación doble de TypeScript 6 y 7 hasta que sus herramientas publiquen una versión basada en 7.1. La conversación en Hacker News muestra que otros verificadores de tipos ya se miden contra esta beta.

Truco Guarda el tiempo de tu línea base y repite la medición varias veces antes de comparar: el primer arranque suele ser más lento que los siguientes. Si los números mejoran poco en tu proyecto, no fuerces la migración todavía.

Fuente original: infoq.com

Artículo generado mediante AI.larebelion