La primera aplicación en React Native.Comparte algunas bibliotecas útiles y … | por Pankaj Bhalala | Agosto de 2021
Para reaccionar principiantes nativos …
Aquí, proporcionaré algunas bibliotecas y herramientas útiles que utilizo en mi aplicación.
- Cuando comenzamos el desarrollo de la aplicación React Native, primero debemos decidir el entorno de trabajo, como Exposición mundial Cualquiera Interfaz de línea de comandos.
-En mi aplicación, uso CLI, prefiero CLI, porque en Expo podemos tener algunas restricciones en bibliotecas y otras partes atascadas.
-Xcode es necesario para iOS y Android Studio es necesario para Android.
-Referencia: https://reactnative.dev/docs/environment-setup - Entonces debemos decidirnos por la herramienta de desarrollo (IDE). Tenemos muchas de las mismas opciones.Pero prefiero Código de Visual Studio Porque es una herramienta muy ligera para desarrollar aplicaciones.
- Estructura del proyecto:
Es la parte más importante de cualquier desarrollo de software. Tenemos muchos proyectos y estructuras de directorios a escala global, así que use la estructura más simple y fácil de entender, que ayudará a identificar errores y facilitar el desarrollo. (Mantenimiento y accesibilidad) - Administración del Estado: La respuesta más simple para reaccionar nativo es Versión final, Y fácil de implementar y de gestión estatal.
-https: //react-redux.js.org/introduction/getting-started
-https: //medium.com/@imranhishaam/react-native-with-redux-for-beginners-6281959a2899
Utilice la menor cantidad posible de paquetes de software de terceros y cree los suyos Componente personalizado O una estructura de servicios públicos para mejorar el rendimiento.
Ejemplo: Al principio probé algunas bibliotecas de validación para campos de entrada, pero luego quise «¿Por qué utilizo otra característica inusual proporcionada por esta biblioteca?» Debido a que puede haber algunas funciones en la biblioteca que no son adecuadas y útiles para nuestra aplicación, sugiero desarrollar mi propia utilidad para esto.
- navegación: Durante el desarrollo, encontré un cierto grado de problemas en el proceso de navegación,
- Porque en React Native, tenemos varios paquetes para la navegación, pero algunos de ellos son útiles y otros no.
-Entonces tenemos que decidir cuál es el mejor de acuerdo con los requisitos de nuestra aplicación.
-Así que aquí usé Navegación reactiva Se utiliza para el flujo de navegación.
-https: //reactnavigation.org/docs/getting-started - Servicio API: Si tenemos 2 o 3 llamadas de servicio de red en lugar de lo que me gusta Tráelo Es la mejor opción.
-Pero si tenemos más, prefiero elegir AksiosAxios proporciona la mejor estructura de respuesta y manejo de errores, por lo que podemos identificar fácilmente las respuestas y los errores.
- Certificación social:
En mi aplicación, implementé:
Inicio de sesión de Google :
Iniciar sesión en Facebook :
Inicio de sesión de Apple :
- otoño:
Cuando busque paquetes desplegables en react native, obtendrá muchos paquetes.
Pero prefiero este porque es fácil de usar y personalizable.
(Simplemente estudie el problema de zIndex, lo resolverá agregando un contenedor de vista)
- Número de teléfono del país:
Para la selección de país / región, 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:
Acabo de personalizar esta biblioteca para escanear códigos QR en pantalla completa.
- Servicios de localización:
Esto es para obtener la ubicación del usuario:
Esto es para obtener la ubicación geográfica de la dirección:
- Notificación de inserción:
Solo necesita configurar las notificaciones de Firebase y Apple.
- gráfico:
Utilizo un gráfico circular para mostrar algunos datos.
- Subir archivos al servidor S3:
- Utilice los botones para deslizar las celdas FlatList:
Todavía hay uno Dividir la pantalla en diferentes componentes y componentes reutilizables personalizados reducirá el proceso de renderizado.
¡Espero que ayude a su aplicación! ! !
Gracias.
Feliz codificación 🙂
