Esquema de Identificacion de Objetos
Esquema de identificación de objetos
Las extensiones de los archivos en su mayoría serán js, dado la naturaleza del framework.
Tipos de archivos
App
La aplicación se desarrolla en React Native la lista de archivos que utiliza son los siguientes:
tsx: variante de ts con procesamiento especial para etiquetas html, contiene el código fuente donde se construyen los componentes de la aplicación.
Api y Base de datos
Firebase utiliza el lenguaje Javascript para ser manipulado por lo que sus extensiones son:
ts: contiene el código fuente de las funciones almacenadas en la nube que servirán como backend y punto de conexión a la base de datos.
Estructura de directorios
/android: contiene los archivos necesarios para que react-native construya la aplicación para Android.
/ios: contiene los archivos necesarios para que react-native construya la aplicación para IOS.
/node_modules: Las dependencias instaladas a través de npm, como de costumbre, se encuentra en la carpeta node_modules/.
App.tsx: Es el punto de entrada de la aplicación.
index.tsx: es el punto de partida para las aplicaciones React Native, y siempre es obligatorio. Puede ser un archivo pequeño que requiere otro archivo que sea parte de su componente o aplicación React Native, o puede contener todo el código que se necesita para ello.
package.json: contiene metadatos sobre su aplicación o módulo, así como la lista de dependencias para instalar desde npm cuando se ejecuta npm install.
babel.config.js: es el archivo de configuración de Babel
Firebase Cloud Functions Directory - Getting started. Recuperado de: https://firebase.google.com/docs/functions/get-started
Estándar de Nomenclatura de Archivos
React-native no establece una estructura de directorios por lo que a continuación se muestra la estructura sugerida, por lo tanto está sujeta a cambios:
src: es la carpeta principal que contiene todo el código de la aplicación
assets: la carpeta assets contiene los archivos tales como imágenes, videos, etc. a los cuáles hacemos referencia desde nuestra aplicación.
styles: contiene todas las hojas de estilos (css) que utiliza la aplicación
navigations: contiene los navegadores los cuales permiten la gestión de la presentación y la transición entre varias pantallas.
scenes: contiene las Views de la aplicación.
utils: contendrá las funcionalidades en común que requiera alguno de los componentes de la aplicación.
components: contiene los distintos componentes que forman la aplicación agrupados por su grado de complejidad.
Para la nomenclatura de los archivos, el nombre que se le dará a cada uno consta de dos partes separadas por un guión bajo.
Funcionalidad_NombreCarpeta.tsx
En la primera parte se le da un nombre significativo al archivo que depende de la funcionalidad que realiza. Se pretende que esta parte use las mismas convenciones que TypeScript, así que se escriben en UpperCamelCase.
La segunda parte después del guión bajo nombra el rol del archivo dentro del framework, esto significa que estará estrechamente ligado a la carpeta en donde se ubique el archivo.
Por ejemplo:
Un archivo en la carpeta de componentes cuya funcionalidad es añadir usuario
anadirUsuario_Component.tsx
Un archivo en la carpeta navigation cuya funcionalidad es recetario
recetario_Navigator.tsx
Comentarios
Publicar un comentario