react-native项目/目录结构设置

Question

我在Windows环境中学习react-native（android）。我已经设法在android上启动一个项目（即使他们只支持苹果）。在深入研究代码/学习之前，我想要为项目命名良好的文件和文件夹结构。我想事先组织一些事情。任何人都可以帮助我吗？

实施例。对于像

这样的html

www
 |-js
 |-css
 |-img
build
 |-js
 |-css
 |-less
...

react-native init结构类似于

android
node_modules
package.json
index.android.js
...

Answer 1

我建议使用Flux或类似的东西，然后将actions / stores / dispatcher /等放在他们自己的文件夹中。这是我的app结构：

Answer 2

我认为提问者已经解决了这个问题。但是我正在为React Native的新人写作。

正如official React Native site所述，我们不需要关注不同平台的文件/目录结构，如IOS和Android。

  

例如，您可以在项目中包含这些文件：

     

BigButton.ios.js
  BigButton.android.js

因此，我们可以根据我们真棒应用的逻辑构建和组织我们的文件。例如;我们可以创建一个名为screens或views文件夹的文件夹。然后，我们可以将登录屏幕login.ios.js，login.android.js和lock.png（可能会有另一个lock@2x.png文件）文件放入名为{{1}的文件夹中}将在我们的login文件夹中创建。 （为了示例，我分隔了登录js文件）。

因此，目录组织如下所示;

screens

事实上，我们组织的AwesomeProject\android\.. AwesomeProject\ios\.. AwesomeProject\screens\login\login.android.js AwesomeProject\screens\login\login.ios.js AwesomeProject\screens\login\lock.png （或视图）文件夹的结尾非常类似于在Web应用程序中查看MVC结构的一部分。

我希望这会有所帮助。

PS：我不知道@ eyal83提到的Flux是什么。这可能是更好的解决方案。

被修改

我搜索了一些应用程序架构库。 根据我的搜索，在开发复杂的应用程序时，使用Flux或其衍生产品将是有益的。

所以，@ eyal83是对的。（我已经增加了答案+1）

Flux网站：Github - Homepage

一些流行的 Flux衍生物/类似框架;

Redux .....： Github - Homepage - A Free Course by Its Creator

MobX .........： Github - Homepage

反馈.....： Github

Alt ...........： Github - Homepage

Flummox： Github - Homepage

Yahoo / Fluxible： Github - Homepage

Nuclear-js ..........： Github - Homepage

最近，我一直在努力学习其中一个。