Finders

Short paths en Angular

Para evitar el ./../../../testing en las rutas, les recomiendo usar short paths en sus proyectos de TypeScript, simplemente, sigan las siguientes instrucciones:

1. Abrir el archivo tsconfig.json
2. Dentro de la key compilerOptions, agreguen otra key que se llame paths, con un objeto vacío como valor.

   {
   	// More config
   	"compilerOptions": {
   		// Another options
   		"paths": {}
   	} 
   }
   

3. Dentro de dicho objeto, agreguen la key @testing (o el nombre que prefieran), con un arreglo vacío como valor.

   {
   	// More config
   	"compilerOptions": {
   		// Another options
   		"paths": {
   			"@testing": []
   		}
   	} 
   }
   

4. Dentro del arreglo, agreguen un string con la ruta relativa al archivo index.ts dentro del módulo de testing. Por ejemplo, en mi caso, la ruta es src/testing. El archivo te debería quedar de la siguiente manera:

   {
   	// More config
   	"compilerOptions": {
   		// Another options
   		"paths": {
   			"@testing": ["src/testing"]
   		}
   	} 
   }
   

5. Ahora, para hacer uso de la función que quieras dentro de tu directorio de testing, bastaría con la siguiente línea:

   import { query } from '@testing';
   

Y así nos evitamos las molestas rutas relativas

Se podria hasta crear una libreria personal con todas esas funciones.

Cuando el profe dijo: vamos a crear una nueva carpeta llamada finders se refería a un archivo, por si llegaran a tener duda en el min 2.56 aprox. 🤩

En una oportunidad me tope con este tipo de helpers y finders en una prueba tecnica para angular, me hubiese gustado mucho ver este curso para poder comprender todo lo que tenia, ahora estoy repasando de nuevo esa misma prueba tecnica y cogiendo màs cositas que me puedan servir para mi crecimiento profesional.