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

Question

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

|-component
  |-layout
  | |-BaseLayout
  | |-AdminLayout
  | |-UserLayout
  |-page
    |-Home
    |-Upload

Или я должен сделать структуру плоской, как это.

|-component
  |-BaseLayout
  |-AdminLayout
  |-UserLayout
  |-Home
  |-Upload

Какая из них будет более масштабируемой?

Answer 1

В официальных документах:

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

Структура файла больше о читабельности кода.В вашем случае первый подход более читабелен, так как вы создаете подкаталоги для своих основных компонентов, что делает его более кратким и понятным.Это хорошая статья о структурировании файлов нашего приложения: Как лучше организовать ваши приложения React