React Firebase Realtime Chat App Tutorial | Firebase V9+ Beginner Tutorial

In this video I will teach Firebase Authentication, Crud operations with firestore and much more!

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

*FIREBASE CHAT APP TIMESTAMPS*

00:00:00 | Intro
00:00:32 | Project Demo
00:04:35 | Package Installation
00:06:25 | Setting up Firebase
00:11:04 | Setting up the Authentication
00:12:19 | Creating the Auth Component
00:31:11 | Configuring Firestore
00:34:54 | Creating the Chat Component
00:56:17 | Creating the UI for the messages
01:04:40 | Sign Out Functionality

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

#reactjs #firebase

[oncoding]

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

[deadtome]

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!

[sekmekci]

I just finished your old Chat App video. The timing is awesome, thanks for the tutorials!

[noodleperro]

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!

[jayanspaliwal]

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 😕😕)

[diegonacif]

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!!!

[vamsisaikrishna]

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.

[gusget]

just for everyone who wants to replicate the code: the library to install is universal-cookie, without the "s" at the end

[leroyjeslyn]

A little heads up for UNIVERSAL-COOKIES INSTALL ERROR,
the module's name is universal-cookie not universal-cookies

[anapomparau]

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!

[slaffsla]

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!

[annazar]

I like the way how you explain everything, step by step; it makes everything clear and easy! For sure will follow you!

[christiannaira]

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!

[thesnedit]

Great tutorial ! As a react beginner I learned many new concepts. Thank you! ❤

[xd]

successfully completed this project, pushed it to github and hosted using firebase tools :)

thanks pedro

[Hacking-NASSA-with-HTML]

❤Just a comment to boost the signal of the video✅ Thank you Pedro 👍🤝

[naylord]

Ted Mosby, I see you are a man of culture =D
Thank you so much for sharing this!

[elkanaliman-wjus]

I appreciate this. And also the fact that you used Ted Mosby.

[vishnusasi]

keep doing these.thanks for focusing on the functionality

[englishtestdaily]

A huge fan of your teaching style from India