Voy a comentaros una novedad muy interesante de TypeScript porque TypeScript 5.4 ha llegado ya, ya lo tenéis totalmente disponible.
Hay un montón de novedades muy buenas, pero ojo cuidado porque entre todas las cosas que vienen que son muy chulas, hay una que me encanta y es esta, los auto imports.
Los auto imports, ¿qué son? Lo que es, es que resulta que sabes que muchas veces nosotros cuando queremos cambiar los aliases para los imports, lo que hacemos es utilizar el tsconfig, pues te voy a enseñar un ejemplo.
Aquí en la web de la velada, cuando queríamos utilizar los paths con un alias, hacíamos arroba, teníamos que hacer esto en esta configuración y esto lo que nos permitía justamente es que cuando íbamos a un archivo, podíamos hacer los imports así.
Y esto funcionar funciona genial, pero el problema es que es una configuración que solo funciona para TypeScript y que por lo tanto no la puedes llevar a otra tecnología o si utilizas Node, por ejemplo, hasta ahora.
Y es que por fin la gente de TypeScript va a utilizar el Package JSON para conseguir esto.
Os voy a enseñar cómo quedaría, esto es cómo quedaría ahora la configuración.
En lugar de tener que utilizar el compiler options como utilizamos ahora, fijaos lo que vamos a poder hacer.
En nuestro Package JSON vamos a poder añadir un nuevo campo llamado imports, donde podéis ponerle aquí un alias y directamente aquí le diríais dónde los tiene que buscar.
Y ahora ya podríais aquí, os va a detectar el import alias perfectamente.
O sea, no vamos a tener que utilizar ni el jsconfig, ni el tsconfig, ni una configuración específica de TypeScript, sino que vamos a poder utilizar algo que ya estaba utilizando en Node.js,
porque esto funciona en Node.js y va a ser compatible con TypeScript dentro del Package JSON.
Por lo tanto, no vamos a tener que crear un nuevo archivo para esta configuración, cosa que yo me alegro.
A mí me encanta el archivo Package JSON, a mí me encanta para tener todos mis scripts, para tener incluso las configuraciones del linter.
Y ahora si puedo poner los imports, pues ya increíble.
Así que esto me parece una novedad muy importante, muy interesante, que ojo, solo funciona desde TypeScript 5.4, para que lo sepáis, ¿vale?
TypeScript 5.4 y no en las anteriores.
Queremos curso de The Ionic. Expo cualquier framework react para mobile.
Lo tendré en cuenta, NovaMix.
Aquí decía por aquí, ese debe tener problemas de performance para las herramientas que compilan constantemente.
No, de Mondradef, ¿por qué no tiene problemas de performance?
Porque esto directamente lo que hacen es, esto lo que haces es, el import del Package JSON lo haces una vez, lo leen y ya está.
Y ahora, el cómo resolver, esto también lo hacen una vez de forma nativa en Node.
Node, esto es bastante avanzado, pero hay una cosa que se llama Import Resolvers,
que es una funcionalidad interna que tiene Node.js que se puede configurar y lo configurarías una vez,
porque internamente, ah, no encontraré, ya os digo yo que tiene como los Resolvers, ¿ves?
Import Meta Resolve.
Y esto internamente lo que hace es cómo tiene que resolver los Imports.
Ya en Node.js funcionan.
Cuando tú haces un Imports sin la extensión, ya intenta resolver y le añade .js, .no sé qué, .no sé qué, todo esto ya lo hace internamente.
Entonces, lo que va a hacer simplemente es añadir parte de los Resolvers y ya está.
Es como funciona y no tiene un impacto de rendimiento muy bestia.
Obviamente, algún coste tendrá, pero es muy, muy pequeño.
No es nada grave, ¿eh?
¿Y funciona para el cliente?
No, funcionaría con un empaquetador.
Con el cliente no funciona todavía automáticamente.
Pero la verdad es que está muy chulo.
Es un añadido muy tremendo que ya tengo ganas que llegue a todos los sitios porque está muy bien.