O simples faz a diferença, OPTINIONAL HANDLING

Já me deparei algumas vezes quando estava importando algo no projeto que eu tinha retornar uma, duas, trés ou até mais pastas para só depois avançar e importar o que estava querendo e isso não é impeditivo, é somente um pouco chato, até que no dia 19 do curso.dev foi abordado a diferença entre o Absolute Imports e o Relative Imports, e a maneira que eu sempre fiz, essa citada no começo do texto, é o Relative Imports, onde o caminho até a pasta destino é relativa ficando com aquele aspecto de várias pastas, desse jeito ../../../components/Button, para resolver isso se usa o Absolute Imports, em projetos TypeScript e JavaScript basta só alterar o tsconfig.json ou o jsconfig.json

// tsconfig.json
{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src"]
}

// jsconfig.json
{
  "compilerOptions": {
    "baseUrl": "."
  }
}

Com essa alteração básica o código fica mais legivel e você padroniza todos os imports feitos no projeto.

A conclusão que eu tiro disse é que o simples faz a diferença na nossa área, o "básico" bem feito realmente dá um ar de mais profissionalismo, cuidado e atenção aos detalhes.