Build a react native chat app with firebase firestore under 12 min.

Build a react native chat app with firebase firestore under 12 min.

Timestamp:
0:00 Creating the react native app.

0:50 Firebase setup.
2:20 sign-in page (time-lapsed)
5:39 Chat screen and Firestore
12:20 Demo

The video includes complete steps to create the chat app, Full details:
1. Creating a new project for using firebase firestore native modules. I am using expo bare workflow with typescript. (Check the end)

Build command:
-------------------------------------------------------------------------------
expo init chat-app
cd chat-app
yarn add @react-native-firebase/app @react-native-firebase/firestore react-native-gifted-chat react-native-base64 @react-native-async-storage/async-storage
-------------------------------------------------------------------------------

2. This step includes creating a new firebase app for your project, creating your firestore database, and finally setting up a configuration in your project to work with firebase.

Code for Firebase setup:
-------------------------------------------------------------------------------
-------------------------------------------------------------------------------
Make sure to use the correct version. It is displayed while creating the Firebase app.

3. Building the sign-in page, (time-lapsed)

4. Building chat screen and storing the messages in firestore database with a real-time update.

Native modules of firebase firestore are not supported in expo managed workflow. So, using bare workflow. The web version for firebase firestore does not provide full functionalities of native modules.

Software used:
Visual studios, React native expo, Firebase, Firestore.

[adeelarif]

Awesome buddy
In such a short time slot it's really helpfull

[ericorozco]

Muchas gracias, me has ayudado bastante. Saludos!

[markotodorovic]

Can i use this tutorial to make chat app with JS and Native, not Expo and TS ? Is the same process?

[marlonespinosa]

what version of expo-cli do you have? because when I create the project with expo init I don't get the option for bare workflow minimal with Typescript, I only get the minimal without typescript :( Nice video BTW...

[adriansoto]

Thanks for the video! But, The emojis not see when send it :c

[abhishekakodiya]

how did u added android to project explain

[CaffeinateD]

hii bro, how to fetch data from firebase realtime database, i've created my application as you shown in "React native firebase authentication app from scratch" plz help me