最近，我对React产生了兴趣，因为我相信它能让我在不久的将来找到一份工作。我已经很了解Laravel PHP了，但在找工作的时候，这似乎并不能解决问题
到目前为止，我已经成功地制作了一个单页推特克隆，我希望能使用firebase来存储和返回推文
我还想添加多个页面，也许还有某种身份验证系统
然而，为了做到这一点，我需要使用react的路由器
我当前的文件夹设置如下这
然而，对于一个只有一个页面的应用程序来说，这很好，我不确定它如何处理多个页面，以及我应该如何布局
例如，我应该有一个名为，pages的文件夹吗？然后每个页面都有一个文件夹，然后在这些页面中，page.js组件，然后是该页面的组件文件夹？这是我目前的想法，但我对处理这件事的最佳方法一无所知
我觉得如果我能有一个大文件夹来存储所有组件，这样我就可以随时重用它们，那会很酷
提前谢谢。
创建；"好"；react应用程序是抽象的。如果一个组件正在做两件事，请将其分解为两个组件。这里的想法是，您将开始注意到组件中的冗余，您可以将类似的组件转换为多次使用的单个组件。这也是为什么事先彻底规划你的申请是最好的。
考虑到所有这些；"组件"；文件夹中的"；src"；文件夹在顶层，它将包含常用的UI组件(列表、模式、卡片、按钮等(；子组件"子组件的一个示例是表头组件中的下拉菜单组件。每个组件文件夹看起来像这样：
components
| Header
| | DropDownMenu
| | | index.js
| | | style.css
| | NavButton
| | | index.js
| | | style.css
| | index.js
| | style.css
除了组件之外，还可以为具有更高级别属性或库的组创建文件夹；例如；页面"；或"；"路线"；文件夹，其中包含不同页面的应用程序。另一个很好的例子是Redux有一个单独的文件夹来管理操作、减速器和存储。。。或者可能是用于本地图像和svg的媒体文件夹。
以下是一个用于小型react应用程序文件夹结构的简单模板：
src
| firebase
| | firebaseConfig.js
| components
| | Component
| | | SubComponent
| | | | index.js
| | | | style.css
| | | index.js
| | | style.css
| media
| | images
| | | image.png
| | svgs
| | | image.svg
| pages
| | Home.js
| redux
| | actions
| | | action.js
| | reducers
| | | reducer.js
| | store.js
| | types.js
| App.css
| App.js
| index.css
| index.css