I have a course coming out on building an Instagram clone from scratch using React Native & Firebase, make sure you sign up to get discounts, release date info and sample chapters! www.instaclone.app
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
If anybody get an error (undefined) at the end, after sending a message, you have to enable anonymous authentication in your firebase database console :)
Error: Reference.push failed: first argument contains undefined in property 'messages.user._id' @DesignIntoCode Please help I am getting this error again and again
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 callback(_this.parse(snapshot)); })', '_this.db.on' is undefined)
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
hello i have this error since one week "FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)." thx for u help
I have a question: If you write Firebase like this so every time you call it (import) their will be a NEW INSTANCE of FIrebase or the same instance (new in JS)
@@DesignIntoCode First of all, thank you for replying and sorry for the misunderstanding. I mean by that is you've written "Export new Firebase()", which means every time you call 'firebase', it will return NEW INSTANCE of Firebase or the same INSTANCE.
Hi, I'm getting "Regerence.push failed: first argument contains undefined in property 'messages.user_id'" ERROR. I created new firebase app and real-time database. I updated config in code but still I'm getting this error. Could you help me?
I managed to do it however it only sends 1 message at a 1 time, so for instance I can't imitate what you do at the end of the video where it shows "hey" and "make sure you leave a like" (done). Any tips or idea why it is?
excellent video! I have an idea to conclude with this topic, you could make a video on how to make a group chat with react native + firebase. that is, more than one person in the same chat. Greetings and great content!
do the following: go into the Real-time Database panel in the console for your project, select the Rules tab and replace the contents with these rules: { "rules": { ".read": true, ".write": true } }
Great video! Couldn't help but notice that when I run it, even with the Firebase Database enabled, I get this error: Error: Reference.push failed: first argument contains undefined in property 'messages.user._id' Now the weird thing is, I get the exact same error running the source code (I'm a patron). Any idea how to fix it? I'd really like to extend this project, and I'm going to go to the social app next.
Thanks so much for becoming a patron! Did you make sure to enable anonymous sign in, in the firebase console? Or, make sure that your database rules are allowing read/write? I’ll message you on Patreon to make sure we get this figured out for you!
Hi! This is a great video! However I do have a problem. Whenever I send a message on ChatScreen, an error pops up saying : 'Error: Reference.push failed: first argument contains undefined in property 'messages.user._id' . I have the exact same code as you do. My rules on Firebase read and write are both 'True' value. It also says that it is restricted to administrators only. I think the problem has to do with the Firebase data. I have it null. How do I add data to there?
a simple suggestion for you... use normal bold fonts cos it's very difficult to see on small screens, and it makes it uneasy to code along with video :)
Hi , great video! But there is a problem. When I have 10-15 or more messages in db, there is a 1-2 sec. loading time on ChatScreen. How did u solve that?
get() is a getter in JavaScript, and can be used like a property when called. It’s just like a normal function. Like object.db as opposed to a regular method that would be called like object.db()
@@DesignIntoCode if I want to get any specific message from db then how can I pass argument Like firebase.database().ref(`message/${id}`) So how can I pass 'id' in it please. Please guide
@@shoukatali2323 i created a global.id variable that can be called in any screen or file of the app. be careful when using global."something" variables because you don't want to associate it with sensitive information
Any idea on what to do with TypeError: undefined is not an object (evaluating 'this.props.navigation.state.params') The only Authentication Sign-in method that I have enabled in the firebase console is 'Anonymous'.
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
@MrAndroidMarket Appreciate it! I don't believe you'd need to change anything. You're getting the user and their id regardless of if they're signed in anonymously or not.
Hi i just want to know . In firebase when we create a new project we make it for web or android or ios..i'm doing for android..So in settings the copyable codes dont show..how to implement that?
invariant Violation: requireNativeComponent: “RNCSafeAreaProvider” was not found in the UIManager i keep getting this error whenever i run my app,please does anyone has the solution to this error
hello. firstly thanks for video. This is so helpful. I get an error. referenceError:Can't find variable: messages while send a message. How Can I fix that problem ?
hello, it's me again, a question and I installed the expo on my computer but I get an error which says I do not have the emulator installed and if I have
Does anyone know how to write the "continue property in a function base component because i did this code along with react hooks and everything works expect this code //// continue = () => { this.PaymentResponse.navigation.navigation("Chat", {name: this.StaticRange.name}) } /// and i can't figure out why
While this code is different, the top answer here is a good explanation on why you’re most likely getting that error. stackoverflow.com/questions/44434208/error-undefined-is-not-a-function-react-native/44434301#44434301
@@DesignIntoCode It was fine in TouchableHighlight, I just traced that the error came from componentDidMount function. Any idea how to fix that? And by the way, I cant see any users logged in the firebase auth. Do we have to do things in the firebase (besides initialize the key)?
@@DesignIntoCode I mean do we have to set up the storage or database section in firebase, cause it's look like you already set your firebase and didn't show us how to set them up
Post a link to your code. If you watch through the video, you'll see that it's using anonymous sign in. You won't see any users. Just make sure you have created the database in firebase, there's no further setup.
I have a course coming out on building an Instagram clone from scratch using React Native & Firebase, make sure you sign up to get discounts, release date info and sample chapters! www.instaclone.app
Come chat with us on Discord! discord.gg/xg5auu4
Would you like to see a full blown messenger app, similar to Facebook Messenger?
Hell yeah
Yes, please! With group chats and notifications would be perfect :)
yes bro ... so good work did by you..
i really waiting for this bro :D
yessss
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
Thanks so much for the kind words!
what's the song in the video? playing arround 8:48
If anybody get an error (undefined) at the end, after sending a message, you have to enable anonymous authentication in your firebase database console :)
Still having undefined. Can you help?
Same, still getting undefined afted enable anonymous
@Geralt of Sivas worked thanks
but when I am sending a message there is no send message to display on screen and DB how can I solve this issue ????
@@UrduPoetryQuotes did you solve that?
Cool video. Maybe it's better to have your voice explaining the tutorial on the back instead the music.
I agree
yes a voiceover would be more effective
Absolutely
It's xactly 1 month since this video was gifted to the world. Thanks to DesignIntoCode
The best Channel to see real projects in React Native!!
For those having undefined _id error. Make sure you have firebase.auth().currentUser instead of firebase.auth.currentUser.
Error: Reference.push failed: first argument contains undefined in property 'messages.user._id'
@DesignIntoCode Please help I am getting this error again and again
Did you find solution for this error please? Cause I have the same problem
Hey guys. In your firebase account, go to your build/authentication/sign-in method and set your anonymous provider to enabled.
@@jodog31 THANK YOU!!! 🤩
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 callback(_this.parse(snapshot));
})', '_this.db.on' is undefined)
clicked on the 'build a chat app in 30 minutes with RN' video then saw this one.
thank you man I've searched for a month about some one who explain react native chat messaging, thanks for Allah.
tutorial + music = ❤️️🔥
Great video sir loved it
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
for those who are having permission denied error:
go to firebase console and enable anonymous authentication and
make datebase as realtime-database
@RAJesh did this coding work perfectly for chatting?
@@robeeeeen yes it did work
@@RAJesh-yx6ye sorry but i did that and the warning continue =(
what's the song in the video? playing arround 8:48
It's called Just My Pluck by Fairlight
@@DesignIntoCode Thank you :)))
1:31 whats this command?
Hey! Which VS theme are you using ??
Hey, which extension do you use to be able to use "rnclass"?
Where do I get the image without paying money? Thanks!
Cannot resolve this error
Error: Unable to resolve module `react-navigation` from `App.js`: react-navigation could not be found within the project.
Install react navigation
hello i have this error since one week "FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)." thx for u help
how expensive would firebase be in a production environment for chat app? and would it be able to scale for like 50k users using the app?
Do i need an api to work on a physical device?
at the starting of the video he was sending a message which displayed in both the devices (like messaging app) hows that possible any idea?
Congratulations for the work, keep it up, hugs from Brazil men, leeeeeeeetssss dev bro
Amazing job, just please use a larger font size next time
I have a question: If you write Firebase like this so every time you call it (import) their will be a NEW INSTANCE of FIrebase or the same instance (new in JS)
I’m not quite sure what you’re asking here... when you “import” a file, it just essentially places it directly into the file you’re calling it from
@@DesignIntoCode First of all, thank you for replying and sorry for the misunderstanding. I mean by that is you've written "Export new Firebase()", which means every time you call 'firebase', it will return NEW INSTANCE of Firebase or the same INSTANCE.
@@sontran197 Every time you call firebase it will return the same "instance"
@@DesignIntoCode oh ok, thank you
Hi, I'm getting "Regerence.push failed: first argument contains undefined in property 'messages.user_id'" ERROR.
I created new firebase app and real-time database. I updated config in code but still I'm getting this error.
Could you help me?
Would need to see your code.
Did you solved this error ? I also got same error
Got the same error. Also access denied. Try enabling Anonymous authentication in your firebase console. That solved it for me.
I managed to do it however it only sends 1 message at a 1 time, so for instance I can't imitate what you do at the end of the video where it shows "hey" and "make sure you leave a like" (done). Any tips or idea why it is?
i can't run project, have a notification "TypeError: Cannot read property 'params' of undefined". can you help me please
i got the same issue as well and not sure why
i got the same error
There's an issue, and a Pull Requst that could solve it in the next days: github.com/FaridSafi/react-native-gifted-chat/issues/1703
@@diesmori finally it solve?
@@proodiyi1 Yes! Three days after it was fixed. I don't know if now there is new issues, but at least that version was working. Good luck!
excellent video! I have an idea to conclude with this topic, you could make a video on how to make a group chat with react native + firebase. that is, more than one person in the same chat. Greetings and great content!
Great video man! Just wanted to know how can i add maybe a button to add attachment like pictures and documents in the chat boxes?
How about push notifications, in case the app is in background
Use the react-native-background-task library
Crazyyyyy ! I hope you will implement this into the Social App! :)
Planning on it!
Can you make a part two with videos and images
Reference.push failed: first argument contains undefined in property 'messages.user._id'
Did you enable anonymous auth in firebase?
Any one getting WARN:Firebase Permission Denied
do the following:
go into the Real-time Database panel in the console for your project, select the Rules tab and replace the contents with these rules:
{
"rules": {
".read": true,
".write": true
}
}
Great video! Couldn't help but notice that when I run it, even with the Firebase Database enabled, I get this error: Error: Reference.push failed: first argument contains undefined in property 'messages.user._id'
Now the weird thing is, I get the exact same error running the source code (I'm a patron). Any idea how to fix it? I'd really like to extend this project, and I'm going to go to the social app next.
Thanks so much for becoming a patron! Did you make sure to enable anonymous sign in, in the firebase console? Or, make sure that your database rules are allowing read/write? I’ll message you on Patreon to make sure we get this figured out for you!
i got a permission denied error. Already enabled anonymous sign-in in firebase though
I have the same issue: @firebase/database:, FIREBASE WARNING: set at /messages/-M7iAQLpemsGy1T-Qkqe failed: permission_denied
I just resolved it
Need to change data base permission read and write to true
Hi! This is a great video! However I do have a problem. Whenever I send a message on ChatScreen, an error pops up saying : 'Error: Reference.push failed: first argument contains undefined in property 'messages.user._id' . I have the exact same code as you do. My rules on Firebase read and write are both 'True' value.
It also says that it is restricted to administrators only.
I think the problem has to do with the Firebase data. I have it null. How do I add data to there?
Please post a link to your code and your entire rules file. You don't need to manually add data to Firebase.
@@DesignIntoCode my rules are simply {
"rules": {
".read": true,
".write": true
}
}
I will link it
@@DesignIntoCode github.com/Tiago22062000/tiago
@@tiagosantanadasilva6420 First, make sure in your firebase console you have turned on auth -> sign in anonymously
a simple suggestion for you... use normal bold fonts cos it's very difficult to see on small screens, and it makes it uneasy to code along with video :)
Which VSCode Extension you are using for "rnc" shortcut to complete that basic code.
Just a simple JavaScript snippet
HELP i'm getting this error "TypeError: undefined is not an object (evaluating 'this.props.navigation.state.params')" after reloading the app
Firebase error , please ensure the name of the firebase is spelled correctly . Please help me with this error
why would you use WebApp on Firebase instead of android app or IOS app. Please answer me. Thanks
Hi , great video! But there is a problem. When I have 10-15 or more messages in db, there is a 1-2 sec. loading time on ChatScreen. How did u solve that?
What Color Theme are you using?
Dracula.
Can you make a video for one to one chat
hello brother, do you want to give the code?
could you explain please what ' get db() {} ' does? I am new at react native and never seen code like this in javascript
get() is a getter in JavaScript, and can be used like a property when called. It’s just like a normal function. Like object.db as opposed to a regular method that would be called like object.db()
@@DesignIntoCode if I want to get any specific message from db then how can I pass argument
Like firebase.database().ref(`message/${id}`)
So how can I pass 'id' in it please. Please guide
@DesignIntoCode please give a solution
@@shoukatali2323 i created a global.id variable that can be called in any screen or file of the app. be careful when using global."something" variables because you don't want to associate it with sensitive information
Nice !! I like it bro
@designintocode may i take the code pls?? i wanna copy it
If there are 100 messages it loads the messages one by one how to fix
Any idea on what to do with TypeError: undefined is not an object (evaluating 'this.props.navigation.state.params')
The only Authentication Sign-in method that I have enabled in the firebase console is 'Anonymous'.
You probably didn't pass in the name properly from the LoginScreen, see the continue() method
Hi, I got the same problem, did you find a solution? And can you please tell me how did you solve it please
How to make one to one chat can we have a video for that too
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
@MrAndroidMarket Appreciate it! I don't believe you'd need to change anything. You're getting the user and their id regardless of if they're signed in anonymously or not.
Hi i just want to know . In firebase when we create a new project we make it for web or android or ios..i'm doing for android..So in settings the copyable codes dont show..how to implement that?
You choose the web
@@DesignIntoCode okay thanks
excellent work I am facing an issue while sending a message there is no message display send and receive
Try creating your real time DB on firebase, that worked for me
issue related to componentwillMount has been renamed for use???
It says that my firebase app is not initialized even tho it is somewhere else on the app. Any ideas on what could be the problem
Are you sure you’re calling that initialize? And before you do any other firebase calls?
How can i make a 2 users private room?
invariant Violation: requireNativeComponent: “RNCSafeAreaProvider” was not found in the UIManager
i keep getting this error whenever i run my app,please does anyone has the solution to this error
firebase.default.ref is not a function i am facing this error please help
Can u do this with functional components...I m new to RN
Yes
I follow your code but, i got this error
TypeError: undefined is not a function (near '..._Fire.default.get...')
how to fix it?
it's happen when i navigate after login to chatscreen
I'm getting this error
paths must be non empty strings and can t contain '.', '#', '$', '[' and ']'
i´m using "App.tsx", all of my documents are ".tsx" i cant do this video????
hello. firstly thanks for video. This is so helpful. I get an error. referenceError:Can't find variable: messages while send a message. How Can I fix that problem ?
Post a link to your code.
I also get the same error.
can't open the link of that firebase.com
thanks for the amazing video keep up the good work will be waiting for some new content
Can anyone help me with this error "code": 400,"message": "CONFIGURATION_NOT_FOUND",
{
"error": {
"code": 400,
"message": "CONFIGURATION_NOT_FOUND",
"errors": [
{
"message": "CONFIGURATION_NOT_FOUND",
"domain": "global",
"reason": "invalid"
}
]
}
}
Hi, any solution?
very fast, directly make or have made before?
I like and I want to be like you
I have a general outline of what I want to do, then record it.
hello, it's me again, a question and I installed the expo on my computer but I get an error which says I do not have the emulator installed and if I have
Have you followed this installation guide? What version of macOS and Xcode are you using?
@@DesignIntoCode Unable to resolve "firebase" from "Fire.js"
Failed building JavaScript bundle.
Did you install the firebase package?
@@DesignIntoCode No, like I do.
@@DesignIntoCode you have email for sent screen shots of app
Can I send SMS to phone with firebase using my own backend Server.
I can't create a Firebase app cause don't find the application id on my Expo project.. I start with expo init my-project-name like you..
Thank you for the tutorial. I have an issue: I can't see my messages whenever I press 'send'. What did I do wrong?
@Shourja Chakraborty did you got any solution?
howd you open 2 ios simulators
Will this same code run in the latest expo versions too? Please reply
yes
Please mention what music you used in this video because I love it
Could you update this tutorial and add a email and password login instead of anonamously please?
Really all you’d need to do is pass an email and password to the signInWithEmail method
@@DesignIntoCode Ok will try
Please make a video how to achive one o one chat
Does this work on Android as well?
Does anyone know how to write the "continue property in a function base component because i did this code along with react hooks and everything works expect this code ////
continue = () => {
this.PaymentResponse.navigation.navigation("Chat", {name: this.StaticRange.name})
}
/// and i can't figure out why
so if you are using this in a function component that's where you have the error.
get rid of it.
I cannot install react-natvie-gifted-chat , message....undefined ls-remote -h -t......can you help please, thanks
download and install git bash.exe. then install react-natvie-gifted-chat through the git console
do you teach how to create the project in any video? I think I'am doin it wrong...
If you have expo installed the only thing I did was “expo init ProjectName”
great tutorial, can you make tutorial about react native for beginners? doesn't mind if you dont use voice. Thaks,
is this flutter?
how do i get the Phone thing??? idk how to do get it! any help?
It’s the iOS simulator that comes with xcode
@@DesignIntoCode i thought he is using Visual studio Code?
Also how can i get Something like this on my Windows PC?
I am using vscode. It’s Mac only
@@DesignIntoCode oh, do you know any other way i can have a phone Simulator thing?
Use the android simulator
When I try myself, I got this error
undefined is not a function (near '..._Fire.default.get...')
Any idea which part I messed up at?
While this code is different, the top answer here is a good explanation on why you’re most likely getting that error. stackoverflow.com/questions/44434208/error-undefined-is-not-a-function-react-native/44434301#44434301
@@DesignIntoCode It was fine in TouchableHighlight, I just traced that the error came from componentDidMount function. Any idea how to fix that?
And by the way, I cant see any users logged in the firebase auth. Do we have to do things in the firebase (besides initialize the key)?
@@DesignIntoCode I mean do we have to set up the storage or database section in firebase, cause it's look like you already set your firebase and didn't show us how to set them up
Post a link to your code. If you watch through the video, you'll see that it's using anonymous sign in. You won't see any users. Just make sure you have created the database in firebase, there's no further setup.
@@DesignIntoCode Here is my code: github.com/hariansyahhari2/firechatapp
I kept getting same error every time I navigate to message screen
13:00 What is this awesome music?
How do you get the iPhone on thier
iPhone simulator comes with Xcode
Very good. 👊
who can help me ? error undefined is not an object (evaluating '_this3props.navigation.state.params')
is there any gitHub Link to see the full code ??
Source code is available on my Patreon page, link in the description.
Please make a tutorial on how to send follow request to users in firebase using react native.
Do this with image sending
Create more stuff like this plz
ty