Crea una aplicación de chat con React Native | Autor: Abdul vlog | Agosto de 2021
React Native es una excelente manera de desarrollar aplicaciones web y móviles muy rápidamente, mientras se comparte una gran cantidad de código cuando se enfrenta a múltiples plataformas. Con una biblioteca madura y un ecosistema de herramientas, el uso de React Native no solo es rápido sino también confiable. Con la confianza de organizaciones como Facebook, Shopify React Native es un marco estable para crear aplicaciones iOS y Android.
El marco de la Expo se basa en ReUna especie dect Native permite a los desarrolladores crear aplicaciones universales de React en minutos. Con Expo, puede usar el mismo código JavaScript para desarrollar, construir, implementar e iterar rápidamente en iOS, Android y aplicaciones web.
Firebase es el producto de back-end de Google. Proporciona a los desarrolladores una amplia gama de herramientas y servicios para desarrollar aplicaciones de alta calidad sin la necesidad de administrar servidores. Firebase proporciona características clave como autenticación, base de datos en tiempo real y alojamiento.
Empecemos 😋
Primero instalemos expo
npm install --global expo-cliexpo init my-project
A continuación, creemos el proyecto, elija un proyecto de script java en blanco
expo init chatting-appcd chatting-app
El enlace de Github se puede encontrar al final del blog.
Ahora que el proyecto está configurado, ahora configuremos firebase
Ahora configure el método de inicio de sesión
Agrega credenciales de Firebase a la aplicación
Haga clic en el icono web ««
Copie la configuración utilizada para configurar las dependencias de Firebase
npm install @react-navigation/nativeexpo install react-native-screens react-native-safe-area-context
expo install firebase🧐🧐 Ahora veamos cómo se hace en código🧐🧐
Primero que nada, ahora configuremos firebase
firebase.js
Vamos a ver la pantalla
Pantalla de inicio de sesión.js
Pantalla de registro.js
Pantalla de inicio.js
Agregar herramienta de chat
Chat screen.js
Lista item.js
Application.js
Complete la parte de codificación si ejecuta la aplicación e intenta iniciar sesión con las credenciales de usuario de prueba que creó anteriormente.
Ahora ejecutemos la aplicación
expo start -cHaga clic para ejecutar en el emulador de Android o cualquiera de los anteriores según el teléfono que desee
Entonces ahora puedes charlar adentro
Felicitaciones, ahora usamos Firebase para implementar con éxito la autenticación de usuario segura para su aplicación de chat Expo React Native😀 😃
Si tienes alguna duda Por favor, hágamelo saber en los comentarios.😀😃
Para una clasificación futura, proporciono un enlace a mi repositorio de github
https://github.com/baasithshiyam/chatting-app
❤️❤️❤️❤️❤️❤️❤️Gracias por leer ❤️❤️❤️❤️❤️❤️❤️❤️
