Build a React Native Chat App with Firebase in 20 MINUTES!

Need One on One Coaching? 20% OFF NOW!

💥 Check out this awesome animated like button!

💥 Save TIME with a custom TEXT component!

💾Source Code

✅SwiftUI Videos!

✅Building a React Native + Firebase Social App

✅Taking Designs and Turning them Into Code

✅Awesome React Native Videos!

Follow me!

Software Used:
VSCode, React Native, Expo, Firebase, Firebase Realtime Database

#reactnative #reactnativechat #reactfirebase

[DesignIntoCode]

Would you like to see a full blown messenger app, similar to Facebook Messenger?

[martina_matheo]

If anybody get an error (undefined) at the end, after sending a message, you have to enable anonymous authentication in your firebase database console :)

[easypete]

You're officially my favorite coder on youtube! There are so many outdated, non-helpful guides out there, but your stuff works like a charm!! Keep up the amazing work

[faculedesma]

Cool video. Maybe it's better to have your voice explaining the tutorial on the back instead the music.

[benonkahumuza]

It's xactly 1 month since this video was gifted to the world. Thanks to DesignIntoCode

[ivanildop.conceicao]

The best Channel to see real projects in React Native!!

[aankushchauhan]

Error: Reference.push failed: first argument contains undefined in property 'messages.user._id'
@DesignIntoCode Please help I am getting this error again and again

[imlowercasebtwalso]

what's the song in the video? playing arround 8:48

[alecburke]

clicked on the 'build a chat app in 30 minutes with RN' video then saw this one.

[keremylmaz]

I got error in Fire.js
get=callback=>{
this.db.on('child_added', snapshot=>callback(this.parse(snapshot)));
};
It gives
ERROR TypeError: _this.db.on is not a function. (In '_this.db.on('child_added', function (snapshot) {
return
})', '_this.db.on' is undefined)

[masaralf]

For those having undefined _id error. Make sure you have firebase.auth().currentUser instead of firebase.auth.currentUser.

[penqq]

Hey, which extension do you use to be able to use "rnclass"?

[khizerawais]

hey! i need help please,
Cant see the other user's received messages,
i added flatlist after getting all users from database and select one of them to text, im able to send messages but unable to receive,
P.s im also getting all same messages which ihave sent to other users in every user screen . sorry for the english :p peace in advance please help

[linusyong]

Where do I get the image without paying money? Thanks!

[montasernasser]

thank you man I've searched for a month about some one who explain react native chat messaging, thanks for Allah.

[ALEXANDROJAFS]

Do i need an api to work on a physical device?

[danishmughal]

Cannot resolve this error
Error: Unable to resolve module `react-navigation` from `App.js`: react-navigation could not be found within the project.

[MrAndroidMarket]

Good job dude. you've earned my sub. how hard is it to integrate this chat into your social app? Because the user already has a login there. Therefore no anonymous login is necessary for the chat. Can you roughly explain to me what I have to change in the >>ChatScreen.js<< so that the already registered user can enter the chat directly?

[ashrithakella]

Can you make a video for one to one chat

[phatnguyenthanh]

i can't run project, have a notification "TypeError: Cannot read property 'params' of undefined". can you help me please