Соглашение об именах для каталогов реагирующих компонентов

Question

Интересно, каково соглашение об именах для каталогов и компонентов в реакции.У меня есть основной каталог components и тип компонентов (presentational, containers, hoc, views).У меня также есть компонент высшего порядка с именем DifferentReportsComparison.Он живет по пути "components / hoc / differentreportscomparison / DifferentReportsComparison.js", но я думаю, что имя каталога, к которому он принадлежит, может сбивать с толку из-за его длинного имени.

Я хотел бы знать, как вы организовываете свои компоненты, особенно с длинными именами.

Answer 1

Стоит взглянуть на популярный реактивный проект и его мнение о нем.Например, Материал UI и Antd .Там нет абсолютного стандарта.Просто попробуйте придерживаться одной схемы.

Answer 2

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

Если вы посмотрите на то, как работает NextJS, они, скорее всего, сломали то, что выназывайте это «представлениями» в папке с именем pages.

Но если вас беспокоит длинное имя компонента, вы можете либо (a).выяснить более короткое имя.Или иногда люди назовут файл компонента в папке index.js.Таким образом, в случае сравнения различных отчетов, это будет идти по адресу component / hocs / DifferentReportsComparison / index.js.

Когда вы собираетесь импортировать этот файл, вы можете импортировать его, просто выполнив

import DifferentReportsComparison from 'components/hocs/DifferentReportsComparison'

Но, как я уже сказал, не существует идеального способа организации ваших компонентов, и есть вероятность, что по мере роста ваших проектов вы, возможно, измените структуру пару раз.