usuario sistema significa que opt operativo los home guardan estructura ejemplos donde directorios directorio comandos carpeta basicos archivos structure react-native

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

Flummox: 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 ...


Recomiendo usar Flux o algo similar y luego poner las acciones / stores / dispatcher / etc en sus propias carpetas. Esta es la estructura de mi aplicación: