Compilaciones de TypeScript más rápidas con --isolatedDeclarations

Spanish audio is available in the player settings
Rate this content
Bookmark

La verificación de tipos en una base de código TypeScript puede ser lenta, especialmente para monorepos que contienen muchos proyectos que necesitan usar el verificador de tipos para generar archivos de declaración de tipos. En esta charla, presentamos, por primera vez, una nueva característica de TypeScript en la que estamos trabajando llamada “Declaraciones Aisladas” que permite que los archivos DTS se generen sin usar el verificador de tipos en absoluto. ¡Esto abre la puerta a una generación de declaraciones más rápida en TypeScript mismo, así como en herramientas externas escritas en otros lenguajes como ESBuild y swc. Verás cómo usar esta nueva opción, y tal vez (solo tal vez) te convencerás de los beneficios de los tipos de retorno explícitos. Lo más importante, mostraremos cómo las Declaraciones Aisladas permiten compilaciones paralelas para distribuir el trabajo a través de tus núcleos de CPU para mejorar significativamente la velocidad de compilación de tus proyectos TypeScript.

This talk has been presented at TypeScript Congress 2023, check out the latest edition of this JavaScript Conference.

FAQ

Tiziano Cernico-Adragomir es un ingeniero de software en Bloomberg en el equipo de infraestructura de TypeScript JavaScript y un colaborador del compilador de TypeScript.

El enfoque principal es discutir el rendimiento de la construcción en monorepos y presentar una próxima característica de TypeScript desarrollada en colaboración con Bloomberg, Google y Microsoft.

Más información sobre la nueva característica de TypeScript puede encontrarse en el repositorio público de GitHub en la bifurcación de TypeScript.

La motivación proviene de la necesidad de mejorar el rendimiento de construcción de TypeScript, especialmente debido a las quejas sobre la lentitud de la comprobación de tipos en proyectos grandes como los monorepos.

Se está explorando el uso de ejecución en paralelo del compilador para aprovechar el hardware multicore y así acelerar el proceso de construcción de proyectos en TypeScript.

Una limitación importante es que los proyectos no son completamente independientes debido a sus dependencias, lo que restringe el grado de paralelismo que se puede alcanzar.

Durante la construcción, TypeScript realiza la comprobación de tipos, emite declaraciones y emite JavaScript.

El modo de módulos aislados permite que cada archivo TypeScript sea transpilado a JavaScript de manera individual, eliminando las dependencias en la comprobación de tipos para la emisión de JavaScript.

Titian-Cornel Cernicova-Dragomir
Titian-Cornel Cernicova-Dragomir
24 min
21 Sep, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Esta charla discute los problemas de rendimiento en las compilaciones de TypeScript e introduce una nueva característica llamada declaraciones aisladas. Al ejecutar el compilador en paralelo y usar módulos aislados, se pueden lograr ganancias de rendimiento significativas. Las declaraciones aisladas mejoran la velocidad de compilación, la compatibilidad con otras herramientas y requieren que los desarrolladores escriban tipos en el código. Esta característica tiene el potencial de aumentar aún más el rendimiento y puede estar disponible en TypeScript pronto.

1. Introducción a las Construcciones de TypeScript

Short description:

Hola a todos. Bienvenidos a mi charla, Acelerando las construcciones de TypeScript. Voy a hablar sobre el rendimiento de la construcción, especialmente en monorepos. Estamos desarrollando una próxima característica en colaboración con Bloomberg, Google y Microsoft. La motivación para esta característica son las quejas sobre el rendimiento de la construcción en TypeScript. Intentamos ejecutar el compilador en paralelo, lo que resultó en ganancias de rendimiento significativas para un monorepo de 23 proyectos.

Hola a todos. Bienvenidos a mi charla, Acelerando las construcciones de TypeScript. Mi nombre es Tiziano Cernico-Adragomir. Soy un ingeniero de software en Bloomberg en el equipo de infraestructura de TypeScript JavaScript, y también soy un colaborador del compilador de TypeScript.

Y hoy quiero hablar sobre el rendimiento de la construcción, especialmente el rendimiento de la construcción en monorepos. Y vamos a hablar sobre una próxima característica de TypeScript que hemos estado desarrollando en colaboración con Bloomberg, Google y Microsoft. Puedes echar un vistazo a esta característica en nuestro repositorio público de GitHub en nuestra bifurcación de TypeScript. Pero también vamos a hablar de ello hoy.

Entonces, ¿cuál es la motivación para esta característica? Bueno, si pasas cualquier cantidad de tiempo en Twitter, definitivamente encontrarás personas que se quejan sobre el rendimiento incorporado en TypeScript. Y estas quejas no son infundadas. Desafortunadamente, la comprobación de tipos puede ser lenta, especialmente si tienes mucho código en muchos proyectos en un monorepo. Entonces, la pregunta es, ¿qué podemos hacer al respecto? Bueno, podríamos optimizar el compilador, y el equipo de TypeScript definitivamente ha estado haciendo eso. Si revisas las notas de la versión para las últimas versiones, verás que cada versión trae nuevas optimizaciones al compilador. Y eso es un gran trabajo. También podríamos reescribir el compilador, y hay esfuerzos ahí fuera que están tratando de hacer esto. Estamos emocionados de ver a dónde van también. Pero intentamos un enfoque diferente. Pensamos en ejecutar las cosas en paralelo, porque mucho del hardware de hoy es multicore, la gente tiene muchos núcleos en sus escritorios y sus portátiles. Y sería genial si pudiéramos aprovechar esos para hacer las cosas más rápidas para las personas cuando construyen sus proyectos. Así que vamos a ejecutar el compilador en paralelo. Veamos qué ganancias de rendimiento podríamos obtener. Lo que hicimos en Silent Bloomer, tomamos uno de nuestros propios monorepos. Era un monorepo de 23 proyectos. Tiene más de 100,000 líneas de TypeScript código y un gráfico de dependencia muy profundo, así que puedes pensar en algo así, muchos proyectos con muchas dependencias. Y tratamos de ver qué ganancias podríamos obtener al ejecutar el comprobador de tipos en paralelo para este monorepo. Tomamos una línea de base inicial usando el soporte de proyecto compuesto incorporado de TypeScript, y obtuvimos tiempos de construcción de alrededor de 60 segundos a 30, dependiendo del hardware. Ahora, TypeScript-B, que es el soporte de proyecto compuesto en TypeScript, es de un solo hilo. No intentará construir nada en paralelo, por lo que todos estos proyectos se comprueban de tipo individualmente en orden de sus dependencias. Así que veamos qué podríamos hacer si intentamos ejecutar el compilador en paralelo. Lo que hicimos fue ejecutar una instancia separada del compilador para cada proyecto.

2. Optimizando el Paralelismo y la Gestión de Dependencias

Short description:

Agrupamos los proyectos en trabajadores con cachés compartidos. Sin embargo, los proyectos no son independientes, por lo que tenemos que esperar a que las dependencias terminen de construirse. Esto limita el paralelismo, permitiendo que solo se construyan simultáneamente unos pocos proyectos.

Ahora, no hicimos esto de una manera ingenua. Hubo algunas optimizaciones que sí hicimos. Por ejemplo, agrupamos todos los proyectos en varios trabajadores, y cada uno de estos trabajadores tenía una caché de archivos compartida y una caché compartida del árbol de sintaxis del archivo fuente, que ya son optimizaciones que TypeScript hace para su soporte de proyectos compuestos de todos modos. Así que solo estábamos tratando de emular eso.

Ahora, el problema con el que nos encontramos de inmediato es que los proyectos no son independientes. Así que no podemos simplemente ejecutar todo en paralelo. Necesitamos esperar a que las dependencias terminen de construirse. Entonces, por ejemplo, para el diagrama que mostré antes de las dependencias, obtendríamos una ejecución que se ve algo así. Y ya podemos ver que tenemos un gran límite en el paralelismo y solo hay dos proyectos que se ejecutan en paralelo al mismo tiempo. Así que solo dos proyectos se verifican en paralelo. E incluso en nuestro monorepo de muestra con 23 proyectos, solo conseguiríamos construir unos cuatro en paralelo.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Los tipos más útiles de React
React Day Berlin 2023React Day Berlin 2023
21 min
Los tipos más útiles de React
Top Content
Today's Talk focuses on React's best types and JSX. It covers the types of JSX and React components, including React.fc and React.reactnode. The discussion also explores JSX intrinsic elements and react.component props, highlighting their differences and use cases. The Talk concludes with insights on using React.componentType and passing components, as well as utilizing the react.element ref type for external libraries like React-Select.
TypeScript y React: Secretos de un matrimonio feliz
React Advanced Conference 2022React Advanced Conference 2022
21 min
TypeScript y React: Secretos de un matrimonio feliz
Top Content
React and TypeScript have a strong relationship, with TypeScript offering benefits like better type checking and contract enforcement. Failing early and failing hard is important in software development to catch errors and debug effectively. TypeScript provides early detection of errors and ensures data accuracy in components and hooks. It offers superior type safety but can become complex as the codebase grows. Using union types in props can resolve errors and address dependencies. Dynamic communication and type contracts can be achieved through generics. Understanding React's built-in types and hooks like useState and useRef is crucial for leveraging their functionality.
Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript
TypeScript Congress 2023TypeScript Congress 2023
31 min
Haciendo Magia: Construyendo un Marco de Trabajo Primero-TypeScript
Top Content
Daniel Rowe discusses building a TypeScript-first framework at TypeScript Congress and shares his involvement in various projects. Nuxt is a progressive framework built on Vue.js, aiming to reduce friction and distraction for developers. It leverages TypeScript for inference and aims to be the source of truth for projects. Nuxt provides type safety and extensibility through integration with TypeScript. Migrating to TypeScript offers long-term maintenance benefits and can uncover hidden bugs. Nuxt focuses on improving existing tools and finds inspiration in frameworks like TRPC.
Deja de Escribir tus Rutas
Vue.js London 2023Vue.js London 2023
30 min
Deja de Escribir tus Rutas
Designing APIs is a challenge, and it's important to consider the language used and different versions of the API. API ergonomics focus on ease of use and trade-offs. Routing is a misunderstood aspect of API design, and file-based routing can simplify it. Unplugging View Router provides typed routes and eliminates the need to pass routes when creating the router. Data loading and handling can be improved with data loaders and predictable routes. Handling protected routes and index and ID files are also discussed.
Aplicaciones React (+Native) full-stack y seguras con tRPC.io
React Advanced Conference 2021React Advanced Conference 2021
6 min
Aplicaciones React (+Native) full-stack y seguras con tRPC.io
Top Content
Alex introduces tRPC, a toolkit for making end-to-end type-safe APIs easily, with auto-completion of API endpoints and inferred data from backend to frontend. tRPC works the same way in React Native and can be adopted incrementally. The example showcases backend communication with a database using queries and validators, with types inferred to the frontend and data retrieval done using Prisma ORM.
Cómo manejar correctamente los cambios de URL slug en Next.js
TypeScript Congress 2022TypeScript Congress 2022
10 min
Cómo manejar correctamente los cambios de URL slug en Next.js
Top Content
This Talk explains how to handle URL slug changes in Next.js by using the getStaticPaths and getStaticProps methods. It covers implementing redirects and provides a solution to eliminate the need for editors to perform additional steps. The approach involves tracking URL slug changes and issuing proper redirects. The speaker encourages the audience to reach out with any questions or experiences with handling URL slugs.

Workshops on related topic

React, TypeScript y TDD
React Advanced Conference 2021React Advanced Conference 2021
174 min
React, TypeScript y TDD
Top Content
Featured WorkshopFree
Paul Everitt
Paul Everitt
ReactJS es extremadamente popular y, por lo tanto, ampliamente soportado. TypeScript está ganando popularidad y, por lo tanto, cada vez más soportado.

¿Los dos juntos? No tanto. Dado que ambos cambian rápidamente, es difícil encontrar materiales de aprendizaje precisos.

¿React+TypeScript, con los IDEs de JetBrains? Esa combinación de tres partes es el tema de esta serie. Mostraremos un poco sobre mucho. Es decir, los pasos clave para ser productivo, en el IDE, para proyectos de React utilizando TypeScript. En el camino, mostraremos el desarrollo guiado por pruebas y enfatizaremos consejos y trucos en el IDE.
Dominando conceptos avanzados en TypeScript
React Summit US 2023React Summit US 2023
132 min
Dominando conceptos avanzados en TypeScript
Top Content
Featured WorkshopFree
Jiri Lojda
Jiri Lojda
TypeScript no es solo tipos e interfaces. Únete a esta masterclass para dominar características más avanzadas de TypeScript que harán tu código a prueba de balas. Cubriremos tipos condicionales y notación de inferencia, cadenas de plantillas y cómo mapear sobre tipos de unión y propiedades de objetos/arrays. Cada tema se demostrará en una aplicación de muestra que se escribió con tipos básicos o sin tipos en absoluto y juntos mejoraremos el código para que te familiarices más con cada característica y puedas llevar este nuevo conocimiento directamente a tus proyectos.
Aprenderás:- - ¿Qué son los tipos condicionales y la notación de inferencia?- ¿Qué son las cadenas de plantillas?- Cómo mapear sobre tipos de unión y propiedades de objetos/arrays.
Consejos y Trucos Profundos de TypeScript
Node Congress 2024Node Congress 2024
83 min
Consejos y Trucos Profundos de TypeScript
Top Content
Featured Workshop
Josh Goldberg
Josh Goldberg
TypeScript tiene un sistema de tipos poderoso con todo tipo de características sofisticadas para representar estados de JavaScript salvajes y extravagantes. Pero la sintaxis para hacerlo no siempre es sencilla, y los mensajes de error no siempre son precisos al decirte qué está mal. Vamos a profundizar en cómo funcionan muchas de las características más poderosas de TypeScript, qué tipos de problemas del mundo real resuelven, y cómo dominar el sistema de tipos para que puedas escribir código TypeScript verdaderamente excelente.
Mejores Prácticas y Consejos Avanzados de TypeScript para Desarrolladores de React
React Advanced Conference 2022React Advanced Conference 2022
148 min
Mejores Prácticas y Consejos Avanzados de TypeScript para Desarrolladores de React
Top Content
Featured Workshop
Maurice de Beijer
Maurice de Beijer
¿Eres un desarrollador de React tratando de obtener los máximos beneficios de TypeScript? Entonces esta es la masterclass para ti.En esta masterclass interactiva, comenzaremos desde lo básico y examinaremos los pros y contras de las diferentes formas en que puedes declarar componentes de React usando TypeScript. Después de eso, pasaremos a conceptos más avanzados donde iremos más allá de la configuración estricta de TypeScript. Aprenderás cuándo usar tipos como any, unknown y never. Exploraremos el uso de predicados de tipo, guardias y comprobación exhaustiva. Aprenderás sobre los tipos mapeados incorporados, así como cómo crear tus propias utilidades de mapa de tipo nuevo. Y comenzaremos a programar en el sistema de tipos de TypeScript usando tipos condicionales e inferencia de tipos.
Desarrollo sin fricciones con un sistema de tipos unificado
JSNation 2024JSNation 2024
113 min
Desarrollo sin fricciones con un sistema de tipos unificado
Featured Workshop
Ejiro Asiuwhu
Ejiro Asiuwhu
Imagina desarrollar donde el frontend y el backend cantan en armonía, los tipos bailan en perfecta sincronía y los errores se convierten en un recuerdo lejano. ¡Eso es la magia de TypeScript Nirvana!
Únete a mí en un viaje para descubrir los secretos de las definiciones de tipos unificadas, la clave para desbloquear un desarrollo sin fricciones. Nos sumergiremos en:
- Lenguaje compartido, amor compartido: Define los tipos una vez y compártelos en todas partes. La consistencia se convierte en tu mejor amiga, los errores en tu peor pesadilla (uno que rara vez verás).- Codificación sin esfuerzo: Olvídate de la tediosa tarea de comprobar tipos manualmente. TypeScript te respalda, liberándote para centrarte en construir cosas increíbles.- Magia de mantenibilidad: Con tipos claros que guían tu código, mantenerlo se convierte en un paseo por el parque. Más tiempo para innovar, menos tiempo para depurar.- Fortaleza de seguridad: El sistema de tipos de TypeScript protege tu aplicación de vulnerabilidades comunes, convirtiéndola en una fortaleza contra amenazas de seguridad.