一个好的项目结构可以对项目在理解代码库、灵活性和维护方面的成功程度产生巨大影响。没有良好结构和维护的项目很快就会变成一团糟和可怕的遗产,没有人愿意与之合作。
现在,我将向您展示我在项目中经常使用的结构,并解释其背后的原因。这种结构应该是大型应用程序的一个很好的起点,您可以根据项目的需要对其进行扩展。这是我可以为大多数项目推荐的 src 结构:
让我们从上到下覆盖文件夹。
api
首先,我们有api文件夹,它将包含我们应用程序的 API 层。它将具有负责执行 API 请求和与服务器通信的方法。
资产
assets 文件夹包含字体、图像和视频。在字体中,您可以保留任何自定义字体和字样。在图像中存储在整个应用程序中使用的任何图片。
成分
components 目录包含两个目录:common和transitions。公共目录将包含在整个应用程序中常用的任何可重用组件。比如按钮、表单组件、与排版相关的组件等等。任何不常见的组件都将放置在转换组件内。
挂钩
hooks目录,顾名思义,将保存任何自定义和可重用的钩子。请注意,任何不是真正可重用但与特定功能耦合的钩子都应放置在与该功能相同的目录中。例如,假设我们有一个时事通讯表单组件,其中包含一个用于为用户注册时事通讯的表单。这个组件可以利用一个名为useNewsletterSignup的钩子来处理注册用户。像这样的钩子不应该放在全局src/hooks目录中,而应该放在本地,因为它与NewsletterF