开发反应原生应用程序的正确方法是什么

Question

我是react-native 的新手。我正在尝试在react-native 中开发我的第一个应用程序。我想知道开发react-native 应用程序的正确项目结构是什么。

到目前为止，我已经在根文件夹中创建了component。我想知道我应该采用什么方法来定义模型、实用程序、webservice url 的结构。

它是否有一些类似于express 的框架用于在nodejs 中创建项目结构。

Answer 1

根据我使用 react-native 构建相当大的应用程序的经验。我遵循了这种方法，并且对于一个 5 人以上的团队来说，它的扩展性非常好。

App 文件夹：：在这个文件夹中，我保存了所有与 app 相关的文件/文件夹。不要在根文件夹中添加任何内容。根目录越少，新手越容易上手。

uicomponents： uicomponents 文件夹包含应用程序需要的所有通用控件。例如：下拉菜单、滑块、按钮、复选框。如果您使用的是外部库，则可以避免这种情况。

组件： 此文件夹包含屏幕每个部分的文件夹。我称之为应用程序模块。每个模块都是应用程序的特定区域，即：主页、用户数据、设置等。这因应用程序的类型而异。我恰好是企业应用程序，所以我为应用程序的每个模块都有文件夹。

实用程序： 我非常喜欢将 utils 放在一个地方。诸如文本格式化程序、数据库处理程序、Oauth 处理程序等。

商店、配送员： 任何与通量相关的东西，redux 都可以进去。

一般来说，应用程序必须分解到适当的文件夹和文件中。正如我所说，应用程序或模块的一个特定部分必须有自己的文件夹。他需要的所有文件都必须在里面。这使其易于维护和推理。

避免从头开始重复代码。在 Utils 中保留可重用的东西。所有与控件相关的组件（输入、按钮、复选框）都集中在一处。

始终将样式保存在一个位置。对颜色使用常量变量，这使得更改非常容易。常量文件保存颜色。