Primera aplicación en React Native

Aquí daré algunas bibliotecas y herramientas útiles que utilicé en mi aplicación.

• Cuando comenzamos con el desarrollo de aplicaciones React Native, primero tenemos que decidirnos por un entorno de trabajo como Expo o CLI .
• Entonces, comencemos con CLI…
  - En mi aplicación usé CLI, y prefiero CLI porque en expo podríamos tener algunas limitaciones para las bibliotecas y otras partes atascadas.
  - Para iOS necesita configurar Xcode y para Android necesita Android Studio.
  - Referencia:https://reactnative.dev/docs/environment-setup
• Entonces tenemos que decidirnos por la herramienta de desarrollo (IDE). tenemos muchas opciones para lo mismo. pero prefiero Visual Studio Code porque es una herramienta muy ligera para desarrollar aplicaciones.
• Estructura del proyecto:
  es la parte más importante para cualquier desarrollo de software. A nivel mundial, tenemos muchos proyectos y estructuras de directorios, así que use la estructura más simple y comprensible, será útil para identificar errores y fácil de desarrollar. (Mantenimiento y accesibilidad)
• Gestión del estado: para reaccionar, la respuesta nativa más simple es Redux , y es fácil de implementar y gestionar el estado.

Utilice tanto como menos paquetes de terceros y cree sus propios componentes personalizados o estructura de utilidades para mejorar el rendimiento.

Ejemplo: al comenzar, probé algunas bibliotecas de validación para los campos de entrada, pero luego pensé "¿por qué uso otras funciones inusuales que proporcionan las bibliotecas?" Debido a que en las bibliotecas puede haber algunas características no adecuadas y útiles para nuestra aplicación, recomiendo desarrollar utilidades propias para eso.

• Navegación: en el tiempo de desarrollo, me quedé atascado en algún nivel con el proceso de navegación,
• porque en react native tenemos varios paquetes para la navegación, pero algunos son útiles y otros no.
  - Así que tenemos que decidir cuál es mejor según los requisitos de nuestra aplicación.
  - Entonces aquí usé React-Navigation para el flujo de navegación.
  -https://reactnavigation.org/docs/getting-started
• Servicio API: si tenemos 2 o 3 llamadas al servicio web, prefiero que la búsqueda sea ​​la mejor opción.
  - Pero si tenemos más que eso, prefiero elegir Axios . Axios proporciona la mejor estructura de respuesta y manejo de errores para que podamos identificar fácilmente tanto la respuesta como los errores.
• Autenticación social:
  en mi aplicación he implementado:

Inicio de sesión de Facebook :

Iniciar sesión en Apple :

• Desplegable:
  cuando busque un paquete desplegable en react native, obtendrá muchos paquetes para eso.
  Pero prefiero este, porque es fácil de usar y también mucho personalizable.
  (Solo tiene que investigar el problema de zIndex, lo resolverá con agregar envoltorio de vista)
• Número de teléfono con país:
  para seleccionar el país, simplemente agregue este componente cerca del campo de entrada de texto del teléfono. es fácil de usar y personalizable.
• Escaneo de códigos QR:
  solo personalizo esta biblioteca para escanear códigos QR en pantalla completa.
• Servicios de ubicación:
  esto es para obtener la ubicación del usuario:

• Notificación push:
  solo tienes que configurar Firebase y la notificación de Apple.
• Gráfico:
  he utilizado el gráfico circular para mostrar algunos datos.
• Almacenamiento local:
• Conversión de moneda:
• Selector de imágenes:
• Selector de fecha y hora:
• Subir archivo al servidor S3:
• Pantalla de bienvenida personalizada:
• Deslizar celda FlatList con botones:

¡¡¡Saltarlo ayudará a tu aplicación !!!
Gracias.
Feliz codificación :)