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

时间:2017-04-29 16:32:18

标签: android node.js react-native react-native-android

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

截至目前,我已在根文件夹中创建了component。我想知道我应该采用什么方法来定义模型,工具,webservice URL在什么结构中。

project structure

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

1 个答案:

答案 0 :(得分:3)

根据我使用react-native构建相当大的应用程序的经验。我已经采用了这种方法,它可以很好地适用于5人以上的团队。

enter image description here

应用程序文件夹::在此文件夹中,我保留与应用程序相关的所有文件/文件夹。不要在根文件夹中添加任何内容。根文件夹越复杂,新人就越有兴趣。

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

组件 此文件夹包含每个屏幕部分的文件夹。我称它为app的模块。每个模块都是app的特定区域,即:HomePage,UserData,Settings等等。这与应用程序的类型不同。我碰巧是企业应用程序,所以我为应用程序的每个模块都有文件夹。

实用程序 我很擅长将工具保存在一个地方。像文本格式化程序,Db handers,Oauth Handlers等等。

enter image description here

商店,调度员 任何与通量相关的东西,还原都可以进入。

通常,应用必须在适当的文件夹和文件中细分。我说应用程序或模块的一个特定部分必须有自己的文件夹。他需要的所有文件都必须在其中。这使得它易于维护和推理。

避免从头开始重复代码。在Utils中保留可重用的东西。所有控制相关组件(输入,按钮,复选框)都在一个地方。

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

enter image description here