Настройка структуры проекта/каталогов на основе реакции

Я изучаю native-native (android) в среде Windows. Мне удалось запустить проект на Android (хотя они поддерживают только яблоко). Мне нужен совет для обозначения хороших структур файлов и папок для проекта, прежде чем я углубись в код/​​обучение. Я хочу организовать вещи заранее. Кто-нибудь может мне помочь?

Ex. для html что-то вроде

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

Реактивные структуры init имеют что-то вроде

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

Ответы

Ответ 1

Я рекомендую использовать Flux или что-то подобное, а затем помещать действия /store/dispatcher/etc в свои собственные папки. Это моя структура приложения: React Native app structure

Ответ 2

Я думаю, что вопросник уже решил проблему. Но я пишу для новичков, чтобы React Native.

Как указано на официальном сайте React Native [email protected]) в папку с именем login, которая будет создана в нашей папке screens. (Для примера я разделил файлы js для входа в систему).

В результате организация организации каталогов должна быть следующей:

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

Фактически, конец нашей организации screens (или представлений) папка очень похожа на View часть структуры MVC, как в веб-приложении.

Надеюсь, это поможет.

PS: Я не знаю, что такое Flux, о котором упоминал @eyal83. Это может быть лучшее решение.

Edited

Я искал библиотеки прикладных архитектур. Согласно моему поиску, при разработке сложных приложений полезно использовать Flux или одну из его производных.

Итак, @eyal83 прав. (Я увеличил его ответ +1)

Флюсовые сайты: Github - Главная

Некоторые популярные производные флюса/такие как,

Redux.....: Github - Домашняя страница - Свободный курс от его создателя

MobX.........: Github - Домашняя страница

Reflux.....: Github

Alt...........: Github - Домашняя страница

Flummox: Github - Главная

Yahoo/Fluxible: Github - Главная

Nuclear-js..........: Github - Домашняя страница

Недавно я тоже пытался изучить один из них.