Exactly what I was looking for! Thank you for keeping it simple! 🙏 As a beginner, I'd much rather focus on the functionality than spend two hours designing the UI. I wish more content creators would keep the beginner in mind and create tutorials that were focused on simple apps and functionality rather than these elaborate three hour projects that are design heavy. Thanks mate!
I honestly love your way of teaching. You deliver very high quality information in a way that even a 5 year old can understand. Please keep up the good work I enjoy learning from your videos a lot!
I really like creators like you who update their videos when the technology behind them also updates(unlike those who upload a video once and leave us to struggle with the version updates 😕😕)
Finished the tutorial, this video was so good, it was pretty simple that I was able to follow and apply I've gained here in my personal projects! Keep it up!
You might want to save the user id rather than the username in the message in case that ever changes. You also have access to other fields in the user record in the future. Thanks for the video!
Thanks pedro bro you are great your previous video of react router really helped i was confused as was reading new docs because no tutorial on new version yours was the first on youtube. Thanks . Can next project be mern project good project covering auth and all necessary stuff please.
Which video for learning "cleaning up the useeffect"? I think I saw 4 different videos you had and after watching all 4, I still don't understand it and I didn't see anything about cleaning it with the "return () => unsubscribe". Can you give me the video title for it?
I noticed you blurred your email from the popup but it didn't blur it when you showed the console log. Just letting you know in case you didn't notice! Great vid.
Thanks for the awesome tutorial but I have a note: There is some kind of issue with the code may be due to which the firebase quota is getting finished very fast after sending a few messages. Is there any way to improve the performance by reducing the number of reads done to the database?
@@PedroTechnologies I want to know how do developers learn their first technologies? I mean beginner like us take help of tutorials from RUclips. But which process does developer follow. Pl. Tell😁 Take ur example and say how would you learn a totally new Technology. I want to see your process of learning. Please please 🥺.
Bro i exactly coded like you but the message renders only after when I click and type something in the input (not immediately rendering the previous messages) and after send the new messages it again load another set of messages (now I have two set one without the new message and below that a new set of messages with that i typed and sent) Pls help me out
hey, pedro just wanted to know is firebase better than MongoDB ? and why do you use it so much... I am building a project I used MongoDB in it, should I use fireabse for future projects ?
What happens when user after signing in refreshes the page, where do you keep the user data like email, because if I am correct auth.currentuser is null, but in this case you only have user refresh token. Did I misunderstand something ?
Great video but I was wondering how to solve the error Error (auth/unauthorized-domain). at createErrorInternal (assert.ts:136:55) at _fail (assert.ts:65:9) at _validateOrigin (validate_origin.ts:46:3) (index):6583 , Because that keeps on coming and firebase won't let me add the domain - what should I do?
Please make one video on react redux firebase admin panel or cms for private users please it highly request to you none of the guy on whole RUclips have ever created this please do it🙏🙏🙏🙏🙏🙏🙏
Really love this kind of tutorial when you focus more on the logic on the pattern than on the CSS. Like for example as a beginner is more clear when you see the logic with a not so good css than to see the logic with a lot of css that you can copy and paste it because in your mind is like "holy sh*it am not good now at css so after react lets go to css". And you end up back end forth not learning anything. At least all your videos is the logic the pattern that can be available everywhere. so keep pushing and thank you for your effort
Totally agree with this. I get really annoyed at some popular youtubers claiming you can be an employable frontend dev after their 10hr course.. when that 10hrs is just spent typing out prewritten css and no time is spent on stuff like routes, state etc.
the map one is not working sir meaning its doing all the things but its not displaying the message on the screen and the also others message, basically after sending not able to see any messages
the map one is not working sir meaning its doing all the things but its not displaying the message on the screen and the also others message, basically after sending not able to see any messages
when 16:16 and when you are about to log in, sometimes it does not ask you to log in because you are already logged in (I swear this is not a tongue twister). In my case Popup appeared (meaning it work -?) but it did not show the information I was expecting but went first blank ,and then away. This caused me quite a few doubts until I realised that perhaps I was already logged in. Is there a way to check if I am already logged in? (inspect element?)
Hello Pedro! First off thanks a lot! Can you help please, when i use "signInWith Popup", after click on the button, the new tab opens and there is an error in console "Cross-Origin-Opener-Policy policy would block the window.closed call". Any ideas how to fix? 😊
were you able to solve the problem..?..becoz I was facing a similar problem while making an expense tracker app using react and firebase after watching pedro's tutorial
This was a really nice follow-up for your course, I feel I needed it. I tried to not simply copy the code and sometimes do stuff myself, there were a couple of points I was stuck because of some ridiculous brackets or naming clashes though. Thanks, Pedro!
Pelo que entendi você também fala português. Então muito muito obrigado por esse conteúdo, Pedro! Me ajudou demais! Eu tenho usado bastante o firebase nos meus projetos e seus conteúdos sobre isso me ajudaram demais! Eu não sou fluente em inglês, mas consigo entender perfeitamente você falando. Se não fosse seu canal, provavelmente eu ainda estaria atolado em algum ponto muito atrás de onde estou hoje. Admiração total, cara! Sucesso!!!
I'm not sure about your data saves . for example I think we must save like : messages/room_name/and messages here . This cold be more logical I guess. edit : he is fetching data from room with where() but I think that might be not a great idea . BUT that's a great tutorial for beginners . Thanks pedro !
Hey, i've noticed that 'universal-cookies''s commands have changed lately, can you please make a new video explaining how to use the new one or how to use a better library if one exists. Thanks in advance!
your usage is getting full in firebase thats why you can navigate to usage at top there you can see your daily READ has been 100% it will reset on next day of pacific time. and it will be fine
Great tutorial, please continue more about firebase, i.e cloud functions, complex queries etc. Maybe it would be good idea to make a small project of online streaming movies with firebase, structuring the layout of collections. Auth users to add some movies into their favorite list of movies and a bunch of interesting stuff can be made with firebase+react. Please don't stop ❤️👍
![DDG & G Herbo - Nosey [Official Video]](http://i.ytimg.com/vi/I9Ra0Zc2NlQ/mqdefault.jpg)
Exactly what I was looking for! Thank you for keeping it simple! 🙏 As a beginner, I'd much rather focus on the functionality than spend two hours designing the UI. I wish more content creators would keep the beginner in mind and create tutorials that were focused on simple apps and functionality rather than these elaborate three hour projects that are design heavy. Thanks mate!
just for everyone who wants to replicate the code: the library to install is universal-cookie , without the "s" at the end
Thanks bro
I honestly love your way of teaching. You deliver very high quality information in a way that even a 5 year old can understand. Please keep up the good work I enjoy learning from your videos a lot!
I really like creators like you who update their videos when the technology behind them also updates(unlike those who upload a video once and leave us to struggle with the version updates 😕😕)
Thank you ! This is the best tutorial! It explains everything from scratch and it isn"t rushed. I've been trying to do this for a long time!
Great tutorial ! As a react beginner I learned many new concepts. Thank you! ❤
Finished the tutorial, this video was so good, it was pretty simple that I was able to follow and apply I've gained here in my personal projects! Keep it up!
A little heads up for UNIVERSAL-COOKIES INSTALL ERROR,
the module's name is universal-cookie not universal-cookies
Ted Mosby, I see you are a man of culture =D
Thank you so much for sharing this!
Always!
You might want to save the user id rather than the username in the message in case that ever changes. You also have access to other fields in the user record in the future. Thanks for the video!
I appreciate this. And also the fact that you used Ted Mosby.
what an amazing tutorial from start to finish, this guy never disappoint and I'm really looking forward for your future videos.🙏
Straight to the point video and very clear! Keep doing theses, thanks a lot!
Congratulations for the tutorial! It really does check all the boxes :)
Thanks pedro bro you are great your previous video of react router really helped i was confused as was reading new docs because no tutorial on new version yours was the first on youtube. Thanks . Can next project be mern project good project covering auth and all necessary stuff please.
when i host my site to gh-pages why the authentication not working
thanks a lot, perfect tutorial, more on functionality, loved it, learnt a lot!!
Thank You so much!! Completed this project.
Another great video... I'm a huge fan of your content. Appreciate your hard work
Which video for learning "cleaning up the useeffect"? I think I saw 4 different videos you had and after watching all 4, I still don't understand it and I didn't see anything about cleaning it with the "return () => unsubscribe". Can you give me the video title for it?
Thanks Pedro, Reall love your tutorial
I noticed you blurred your email from the popup but it didn't blur it when you showed the console log. Just letting you know in case you didn't notice! Great vid.
small question, why did you use empty tags instead of div to wrap the components at 1:06:40?
5:35 universal-cookie *
thank you
Thanks!!
Thanks for providing knowledge for free appreciate your hard work thanks
Hiw to add a query to get almessages from any room you enter in the input?
You were hiding email every time a pop up appears, but still you showed your email in the console data. 19:17
Niiiice, very great tutorial. Thank you for your service
Great tutorial.....
u the man bro🔥🔥
so simple and cool) i like it
Thanks for the awesome tutorial but I have a note:
There is some kind of issue with the code may be due to which the firebase quota is getting finished very fast after sending a few messages. Is there any way to improve the performance by reducing the number of reads done to the database?
how to deploy this project into the firebase
Pedro, any plans about Angular?? Please bring some tutorials on Angular Js.
I dont know angular hahahaha
@@PedroTechnologies react js lovers hahahah great
Bruh! Who the fuck uses Angular
@@nidhishsrivastava4868 what's wrong with angular ? A lot of developers uses angular man :)
@@PedroTechnologies I want to know how do developers learn their first technologies? I mean beginner like us take help of tutorials from RUclips. But which process does developer follow. Pl. Tell😁
Take ur example and say how would you learn a totally new Technology. I want to see your process of learning. Please please 🥺.
Thanks alot
Bro i exactly coded like you but the message renders only after when I click and type something in the input (not immediately rendering the previous messages) and after send the new messages it again load another set of messages (now I have two set one without the new message and below that a new set of messages with that i typed and sent)
Pls help me out
do you use any type of chryptography on this?
bro I love you
hey, pedro just wanted to know is firebase better than MongoDB ? and why do you use it so much... I am building a project I used MongoDB in it, should I use fireabse for future projects ?
Awesome video thanks 10/10 stars ⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
What happens when user after signing in refreshes the page, where do you keep the user data like email, because if I am correct auth.currentuser is null, but in this case you only have user refresh token. Did I misunderstand something ?
Can you please 🙏 help my chat is not sending
It's also not showing in the firebase database
Un Video de Push notifications please con FCM y Postman
35:00
Always soon :)))
13:59
Can anyone help me with its deployment ?
have you built this project ??
@@user-dv5in1co9o Nope, but if someone promises to help with the deployment part, I will get enough motivation to build this for my resume!
Please! I'm waiting for Nextjs with Redux
2k
Great video but I was wondering how to solve the error Error (auth/unauthorized-domain).
at createErrorInternal (assert.ts:136:55)
at _fail (assert.ts:65:9)
at _validateOrigin (validate_origin.ts:46:3)
(index):6583 ,
Because that keeps on coming and firebase won't let me add the domain - what should I do?
Please put a video for React testing library course full tutorial @pedrotech
Please make one video on react redux firebase admin panel or cms for private users please it highly request to you none of the guy on whole RUclips have ever created this please do it🙏🙏🙏🙏🙏🙏🙏
Você também sabe React Native? Saberia como portar esse app React para mobile?
pog
Miss you tony!!
Will see you soon!
guys anybody
Really love this kind of tutorial when you focus more on the logic on the pattern than on the CSS. Like for example as a beginner is more clear when you see the logic with a not so good css than to see the logic with a lot of css that you can copy and paste it because in your mind is like "holy sh*it am not good now at css so after react lets go to css". And you end up back end forth not learning anything. At least all your videos is the logic the pattern that can be available everywhere. so keep pushing and thank you for your effort
Totally agree with this. I get really annoyed at some popular youtubers claiming you can be an employable frontend dev after their 10hr course.. when that 10hrs is just spent typing out prewritten css and no time is spent on stuff like routes, state etc.
the map one is not working sir meaning its doing all the things but its not displaying the message on the screen and the also others message, basically after sending not able to see any messages
@@heisenberg73215check if map one is returning
the map one is not working sir meaning its doing all the things but its not displaying the message on the screen and the also others message, basically after sending not able to see any messages
Same issue😢
Did you find any solution?
Did you solve that issue ?
when 16:16 and when you are about to log in, sometimes it does not ask you to log in because you are already logged in (I swear this is not a tongue twister).
In my case Popup appeared (meaning it work -?) but it did not show the information I was expecting but went first blank ,and then away.
This caused me quite a few doubts until I realised that perhaps I was already logged in.
Is there a way to check if I am already logged in? (inspect element?)
Hello Pedro! First off thanks a lot! Can you help please, when i use "signInWith Popup", after click on the button, the new tab opens and there is an error in console "Cross-Origin-Opener-Policy policy would block the window.closed call". Any ideas how to fix? 😊
Any one having problem with message that the messages are not appearing on the screen it will send directly
were you able to solve the problem..?..becoz I was facing a similar problem while making an expense tracker app using react and firebase after watching pedro's tutorial
No brother @@prajwalshaw9217
Same thing
Please 😢help me
❤Just a comment to boost the signal of the video✅ Thank you Pedro 👍🤝
This was a really nice follow-up for your course, I feel I needed it. I tried to not simply copy the code and sometimes do stuff myself, there were a couple of points I was stuck because of some ridiculous brackets or naming clashes though. Thanks, Pedro!
I just finished your old Chat App video. The timing is awesome, thanks for the tutorials!
Pelo que entendi você também fala português. Então muito muito obrigado por esse conteúdo, Pedro!
Me ajudou demais! Eu tenho usado bastante o firebase nos meus projetos e seus conteúdos sobre isso me ajudaram demais!
Eu não sou fluente em inglês, mas consigo entender perfeitamente você falando.
Se não fosse seu canal, provavelmente eu ainda estaria atolado em algum ponto muito atrás de onde estou hoje.
Admiração total, cara! Sucesso!!!
Exactly what I was looking for! ❤
universal-cookies doesn't exist on npm. Did he mean universal-cookie?
yes
yes. I was going nuts untill I read the doc
I'm not sure about your data saves . for example I think we must save like : messages/room_name/and messages here . This cold be more logical I guess.
edit : he is fetching data from room with where() but I think that might be not a great idea . BUT that's a great tutorial for beginners . Thanks pedro !
Hey, i've noticed that 'universal-cookies''s commands have changed lately, can you please make a new video explaining how to use the new one or how to use a better library if one exists. Thanks in advance!
keep doing these.thanks for focusing on the functionality
You are one of the few talented person I knew in react. Great work bro. Wish you all success ahead. People have to recognize your work more and more.
you're hard coding the users name, what if the user changes their name?
will it work without internet connection locally?
Is there a work around towards Quotas? Maybe a new video without Firebase? This helped a lot but I ran into the Quota exceeded issue.
I am getting
Missing or insufficient permissions.
FirebaseError: Missing or insufficient permissions.
any help?
Thanks
your usage is getting full in firebase thats why you can navigate to usage at top there you can see your daily READ has been 100% it will reset on next day of pacific time. and it will be fine
Hi Pedro, I hope you're having a great day.
I appreciate it if you can do a tutorial of analytics.
I wish you the best.
Thanks in advance.
thanks a bunch, can you please make a video about stripe js
You have gained yourself a subscriber this is a great tutorial😍
As expected of a youtuber XD they know how to spell subscribe but 'unsubscribe' they go unsuScribe !!! Great video btw ;)
Hello Pedro, can you tell me about which web hosting should i buy i am looking for the cheapest ones
successfully completed this project , pushed it to github and hosted using firebase tools :)
thanks pedro
Nice work!
how did you deploy?
i want configure the firebase database in production.. i can't seems to see any video on youtube addressing this
How did you hosted it
hope u also make a tutorial on how to make a video calling react js and firebase app
Great tutorial, please continue more about firebase, i.e cloud functions, complex queries etc.
Maybe it would be good idea to make a small project of online streaming movies with firebase, structuring the layout of collections.
Auth users to add some movies into their favorite list of movies and a bunch of interesting stuff can be made with firebase+react.
Please don't stop ❤️👍
Is there a way to refresh the chat history on demand, so that the quota does not get exhausted quickly?
Hi, can this work without having to sign in with Google account? Thanks,
just when i started building an app with firebase realtime database. thanks
you hid your account name but did not hide it in the browser console...
Pls make full realtime chat application with nice ui for portfolio
46:40
You created a chatroom, not a chat app (commonly referred to)
I like the way how you explain everything, step by step; it makes everything clear and easy! For sure will follow you!
Very Well developed Really helpful for React beginners
1st
nope
@@asiamies9153 trust me, i was
Why for input you didn`t used just a form submit?
You are the best man! I really appreciated your tutorials.
It's very interesting. Short and explaining what's most important🙏
Thank you! I learned a lot from this course. Please make more react project courses!!!
did any1 get the cors-origin-opener-policy error....if yes how did you solve it?
does this project really work, I want to know
@@alex17252 yes it works
Great video man, loving your work and the way you explaining what you are doing and how you do it
Thank you man, really helpful video
Hey Pedro, can you consider making polls on the course you plan to release?
Really enjoyed this! thank you for the content