Организация импортов в React + TypeScript: настройка ESLint для порядка и чистоты кода

[subzey]

Чувствую, что нахватаю минусов, но… не очень понимаю, зачем люди сортируют импорты.

От этого же нет практической пользы: машинам наплевать на порядок, а люди всё равно эту простыню импортов не читают и проматывают сразу на реализацию.

Я видел мерж реквесты, которые откладываются на день из-за неправильного переноса строки между импортами. Я видел мерж конфликты от того, что кто-то решил отсортировать импорты по алфавиту. Человеческие усилия и время впустую, и чего ради?

[ooko]

Чтоб ИИ быстрее заменил людей

[onmotion]

Порядок некоторых импортов, например таких, как scss важен (вы можете получить другой результат рендера).
Так же, без правила сортировки, каждый мейнтенер будет коммитить кучу конфликтов или просто мусорных изменений в порядке импортов, согласно его видения или видения его IDE

[mops2]

Ну, то, что люди не читают импорты, не всегда верно. Думаю, в 90% это, конечно, так, особенно в мире фронта, где компонентный подход с потенциально маленькими компонентами. Но когда тебе нужно разобраться в импортах, вручную что-то поправить ну или по другим любым причинам, я думаю, проще смотреть на отсортированные и сгруппированные импорты, чем когда в каждом файле свой порядок.

Ну и плюс импорты — это тоже часть кодстайла на проекте.

Что касается последнего абзаца, то откладывание МРа из-за переноса строк между импортами уже выглядит как неправильно настроенные линтеры и форматеры. По поводу конфликтов они все равно будут, просто теперь ты можешь не тратить на это время, а вмержить и прогнать линтером. Как раз меньше человеческих усилий и больше автоматизации.

Могу сказать за себя, я не сортирую импорты руками и не трачу на это время, но я пробегаюсь глазами по импортам, и, когда они отсортированы, в этом проще разобраться, а остальное делает линтер.