structure - sistema - home en linux
configuraciĆ³n de la estructura del directorio/proyecto nativo reactivo (2)
Creo que el interrogador ya había resuelto el problema. Pero estoy escribiendo para los recién llegados a React Native.
Como se especifica en el sitio oficial de React Native , no necesitamos preocuparnos por la estructura de archivos / directorios para diferentes plataformas como IOS y Android.
Por ejemplo, puedes tener estos archivos en tu proyecto:
BigButton.ios.js
BigButton.android.js
Por lo tanto, podemos construir y organizar nuestros archivos de acuerdo con la lógica de nuestra increíble aplicación. Por ejemplo; Podemos crear una carpeta con screens
nombre o carpeta de views
. Luego, podemos colocar los login.ios.js
, login.android.js
y lock.png
(y tal vez haya otro archivo [email protected] ) de la pantalla de inicio de sesión en una carpeta que se denomine como login
que se crearía en nuestra carpeta de screens
. (Separé los archivos js de inicio de sesión por el bien del ejemplo).
Como resultado, la organización de directorios como la siguiente;
AwesomeProject/android/..
AwesomeProject/ios/..
AwesomeProject/screens/login/login.android.js
AwesomeProject/screens/login/login.ios.js
AwesomeProject/screens/login/lock.png
De hecho, el final de nuestra carpeta de screens
(o vistas) de organización es muy similar a Ver parte de la estructura MVC como en una aplicación web.
Espero que esto ayude.
PD: No sé qué es Flux que ha sido mencionado por @ eyal83. Puede ser mejor solución.
Editado
He buscado algunas bibliotecas de arquitectura de aplicaciones. Según mi búsqueda, en el desarrollo de aplicaciones complejas, usar Flux o uno de sus derivados sería beneficioso.
Entonces, @ eyal83 tiene razón. (He incrementado su respuesta +1)
Sitios de flujo : Github - Homepage
Algunos derivados de Flujo populares / marcos similares ;
Redux .....: Github - Homepage - Un curso gratuito de su creador
MobX .........: Github - Homepage
Reflujo .....: Github
Alt ...........: Github - Homepage
Yahoo / Fluxible: Github - Homepage
Nuclear-js ..........: Github - Homepage
Recientemente, he estado tratando de aprender uno de ellos también.
Estoy aprendiendo react-native (Android) en el entorno de Windows. He logrado iniciar un proyecto en Android (aunque solo son compatibles con Apple). Quiero un consejo para nombrar buenas estructuras de archivos y carpetas para el proyecto antes de profundizar en el código / aprendizaje. Quiero organizar las cosas de antemano. ¿Alguien puede ayudarme?
Ex. para html algo como
www |-js |-css |-img build |-js |-css |-less ...
estructuras de inicio nativas reactivas tienen algo como
android node_modules package.json index.android.js ...