代码结构：扁平还是树形？用于反应成分

Question

我正在为我的React应用程序设计目录结构。我想知道我是否应该把它做成像树一样的

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

或者我应该像这样使结构扁平化。

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

哪个会更具扩展性？

Answer 1

在回应官方文档中

  

如果您刚开始一个项目，则选择文件结构的时间不要超过五分钟。选择以上任何一种方法（或自己想办法）并开始编写代码！在编写了一些实际代码之后，您可能还是想重新考虑一下。

文件结构更多地关于代码的可读性。在您的情况下，第一种方法更具可读性，因为您正在为主要组件创建子目录，从而使其更加简洁易懂。 这是有关我们应用程序文件结构的很好的阅读： How to better organize your React applications