react-native project/directory 结构设置

Question

我正在 windows 环境中学习 react-native(android)。我已经设法在 android 上开始了一个项目（即使他们只支持苹果）。在我深入 code/learning 之前，我需要一些关于为项目命名良好的文件和文件夹结构的建议。我想事先安排好事情。谁能帮帮我？

例如。对于 html 类似

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

react-native 初始化结构类似于

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

Answer 1

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

Answer 2

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

如 official React Native site 中所述，我们不需要关注 file/directory 不同平台的结构，如 IOS 和 Android.

For example, you can have these files in your project:

BigButton.ios.js
BigButton.android.js

因此，我们可以根据我们很棒的应用程序的逻辑构建和组织我们的文件。例如;我们可以创建一个名为 screens 或 views 的文件夹。然后我们可以将我们的登录屏幕 login.ios.js、login.android.js 和 lock.png（也许会有另一个 lock@2x.png 文件）文件放入名为 [=18= 的文件夹中] 将在我们的 screens 文件夹中创建。（为了示例，我将登录 js 文件分开了）。

结果目录组织如下；

AwesomeProject\android\..
AwesomeProject\ios\..
AwesomeProject\screens\login\login.android.js
AwesomeProject\screens\login\login.ios.js
AwesomeProject\screens\login\lock.png

事实上，我们组织的末尾 screens（或视图）文件夹与 Web 应用程序中的 MVC 结构的视图部分非常相似。

希望对您有所帮助。

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

已编辑

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

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

流量站点：Github - Homepage

一些流行的 Flux derivatives/suchlike 框架；

Redux.......:[=84=] Github - Homepage - A Free Course by Its Creator

MobX.........:[=84=] Github - Homepage

回流......:[=84=] Github

Alt.............:[=84=] Github - Homepage

Flummox: Github - Homepage

雅虎/Fluxible: Github - Homepage

Nuclear-js........:[=84=] Github - Homepage

最近也在努力学习其中的一个

react-native project/directory 结构设置

react-native project/directory structure setup

structure

react-native

已编辑