问使项目结构-反应本地化的最佳实践

EN

在您的场景中，您可以创建您自己的文件夹结构，或者我有一些我自己遵循的示例。

类型与特性

按类型分离意味着我们按其类型组织文件。如果它是一个组件，则有容器和表示文件。如果是Redux，则有action、还原程序和存储文件。如果是视图，则有JavaScript、HTML和CSS文件。

src
  app
    api
    assets
    redux
        actions
        reducers
        store
    components
    containers
    navigation
    styles
    utilities

src/

所有文件都在这个基本组件中。

api/

此文件夹包含与外部API通信相关的逻辑，它包括：

• constants.js -存储所有所需的静态值。
• helper.js -用于存储可重用逻辑。
• 个别特性文件-每个特性文件包含特定特性的api通信逻辑。

资产/

顾名思义，它包含应用程序中使用的静态文件(例如图像)。

redux/

如果您使用反应-还原来管理状态，这将保存所有的redux文件。在redux文件夹中，您有操作、还原器、可以轻松管理redux文件的存储。

• redux/actions

所有在redux周围使用的操作文件都在这里。

• redux/reducers

所有使用的还原剂都在这里。

• redux/商店

您可以将您的商店放在这个redux存储文件夹中。

组件/

跨功能使用的共享组件放在此目录中。这样的一个例子(如上面所示)是layout组件，它用于包装应用程序组件并确定其总体布局。

容器/

您可以将所有基于屏幕的组件放在这里(例如- SplashScreen、HomeScreen)。

导航/

你的项目基础导航到这里。您可以创建堆栈导航器并将其导出到应用程序。

样式/

如果你在你的项目中定义了全局样式，你可以把它放在这里，就像颜色，字体样式一样。

实用程序/

您可以在这里放置utils文件。

注:这种结构是基于我的经验。一旦您使用了更多的经验，您就可以创建自己的结构了。

请重新提供这些链接

https://medium.com/the-andela-way/how-to-structure-a-react-native-app-for-scale-a29194cd33fc

https://www.freecodecamp.org/news/how-to-structure-your-project-and-manage-static-resources-in-react-native-6f4cfc947d92/

https://github.com/asimolmez/react-native-folder-structure

https://github.com/thecodingmachine/react-native-boilerplate