Как сделать импорт компонентов в React более аккуратным?

Выбор пути импорт зависит от импортируемой сущности.

Допустим, у нас есть компонент и файл стилей к нему. Если этот файл стилей больше нигде не используется и находится рядом с компонентом, то удобно и логично использовать относительный путь.

import Button from "./button.css"

Допустим, у нас есть компонент и есть общий компонент. Этот общий компонент может находится в общей папке и использоваться во многих других компонентах. Тогда логичнее использовать абсолютный путь.

import Button from "src/shared/button"

Относительно корня проекта

import 'foo' from '~/components/foo.js';