DEV Community

loading...
Cover image for React Native - Message App

React Native - Message App

hvaandres profile image Andres Haro ・1 min read

Time to build a chat app through react-native. Check out my progress, and check out my repository https://lnkd.in/gSa9Kwe.

It is exciting learning multiple things in the tech field, and it is exciting to see your projects working.

React-Native-Chat-Firebase

created by Alan A. Haro

Steps to create this app

  • Install Expo
npm install --global expo-cli
Enter fullscreen mode Exit fullscreen mode
  • Create your project
expo init [name_of_your_project]
Enter fullscreen mode Exit fullscreen mode
  • Open an account with Google Firebase
  • Create and name your project
  • Select Web Base
  • Create a variable that will hold the credentials from your Firebase project into your react-native project

Install the following dependencies

import { GiftedChat } from "react-native-gifted-chat";
import AsyncStorage from "@react-native-community/async-storage";

Enter fullscreen mode Exit fullscreen mode

Discussion

pic
Editor guide