0

Configuracion de rutas absolutas

Todos hemos sufrido cuando estamos creando estructuras complejas para organizar nuestros proyectos y tenemos que lidiar con rutas relativas, sobre todo cuando tenemos estamos trabajando en un depth component e importamos algun componente que esta en un primer nivel del arbol, para hacer esto normalmente usamos algo como esto:

import MyComponent from'./../../../../../../../../../../components/myComponent'

Esto se torna en un dolor de cabeza cuando movemos componentes de directorio, ya que toca analizar el numero de …/ que debes agregar/quitar. Sin embargo react-native provee un mecanismo muuuy sencillo para evitar esta situacion.

Para evitar ese tipo de imports y usar rutas absolutas lo que debes hacer es agregar un archivo package.json a tu carpeta src(o como se llame la carpeta raiz donde esta todo tu codigo) y agregar el siguiente contenido:

{ "name": "src" }

Y eso es todo, al hacerlo ya podras sustituir el horrible import de arriba por algo como esto:

import MyComponent from'components/myComponent'

Mucho mejor no? Espero que les sirva de algo.

Escribe tu comentario
+ 2