Reaccionar plantilla nativa national
Nativego es una plantilla nativa React para un comienzo rápido.
➡️ Dependencias
npx react-native init <APPLICATION_NAME> --template react-native-template-nativego
Nota sobre el Legacy CLI
Parece haber bastante confusión sobre el Legacy CLI. Esta plantilla solo funciona con la nueva CLI. Asegúrese de haber desinstalado el Legacy React-Native-Cli primero (NPM Uninstal-G -g React-Native-CLI), para que funcione el siguiente comando. Si desea no usar NPX, también puede instalar la nueva CLI a nivel mundial (npm i -g @react-native-community/cli o yarn global add @react-native-community/cli).
Se puede encontrar más información aquí: https://github.com/react-native-community/cli#about
️ Dependencias
- @gorhom/hoja inferior
- @@ react-native-async-storage/async-storage
- @React-Native-Community/DateTiMepicker
- @React-Native-Community/Hooks
- @React-Native-Community/Masked-View
- @React-navegación/nativo
- @React-navegación/pila
- momento
- tipos de proporción
- react-nativo-animado
- react-nativo-config
- reaccionar-nativo-tostado
- react-nativo-archivo de archivo
- react-nativo-gestura-manejador
- React-Native-Keyboard-consciente-scroll-visión
- texto react-nativo
- react-nativo-modal-datetime-picker
- react-nativo de progreso
- react-nativo-reanimado
- react-nativo-safe-área-contexto
- pantallas reaccionadas
- react-nativo-vector-íconos
? Estructura del archivo:
SRC/
Todos los archivos están dentro de este componente base.
API/
Esta carpeta contiene lógica relacionada con comunicaciones de API externas, incluye:
- Endpoints.js: donde se almacenan todos los valores estáticos requeridos.
- Helper.js - para almacenar la lógica reutilizable.
- Archivos de características individuales: cada archivo de características contiene una lógica de comunicación API para una característica particular.
activos/
Del mismo modo que el nombre lo indica, esto alberga archivos estáticos (por ejemplo, imágenes) utilizados en la aplicación.
- activos/fuentes: contiene las fuentes personalizadas que están utilizando
- activos/imágenes: contiene las imágenes que están usando
- activos/JSON: contiene el JSON que está usando
- activos/lottie: contiene el lottie que está usando
Redux/
Esto contiene todos los archivos Redux si está utilizando React-Redux para administrar el estado. Dentro de la carpeta Redux tiene acciones, reductores, almacén que puede administrar fácilmente sus archivos Redux.
- Redux/Acciones: todos los archivos de acción que están utilizando alrededor de Redux van aquí.
- Redux/reductores: todos los reductores que están usando alrededor de Redux van aquí.
- Redux/Store: puede colocar su tienda dentro de esta carpeta Redux Store.
componentes/
Los componentes compartidos utilizados en todas las características se colocan en este directorio. Un ejemplo de tal (como se muestra arriba) es el componente de diseño, que se utiliza para envolver los componentes de la aplicación y determinar su diseño general.
- Componentes/Alerta: esto contiene la alerta y ConfirmationalerT
- Componentes/fondo: clase base y vista de teclado personalizado para pantallas.
- Componentes/botón: botón común.
- Componentes/Enum: contener enums.
- Componentes/FlatListitem: Contiene los elementos de la lista.
- Componentes/Entrada: contienen varios tipos de TEXTInputs.
- Componentes/Modal: Contiene el modal desplegable para InputDropdown y el contenedor modal.
- Componentes/Prelab que contener el indicador de progreso y el indicador de carga.
pantallas/
Puede colocarlos todos los componentes basados en la pantalla dentro (por ejemplo, Splashscreen, Homecrreen).
navegación/
El proyecto de navegación base va aquí. Puede crear Stack Navigator y exportarlo a su aplicación.
estilos/
Si tiene estilos globales definidos en su proyecto, puede ponerlo aquí como colores, estilos de fuentes como cosas.
servicios públicos/
Puede poner archivos UTILS aquí.
- Utilidades/contexto/tema: esto incluye el contexto del tema oscuro y la luz.
- Utilities/Functions/Format: esta carpeta incluye tres funciones más útiles CurrencyFormat, DecimalFormat, DateFormat.
- Utilities/Functions/Logs: esta función de registro incluye que puede usar para registrar el mensaje como console.log o escribir en un archivo.
- Utilidades/funciones/validación: esta carpeta incluye tres funciones más útil ValidateMail, ValidatePassword.
