How to use ReactJs with Firestore realtime database.

In this video we will lean how to use #firebase #Firestore database with #React.
We would also learn every CRUD operation in Firestore, and also understand the difference between setDoc vs updateDoc method of firebase Firestore.

--------------------------------------------------------------------------
--------------------------------------------------------------------------
--------------------------------------------------------------------------
💵Support the channel:
--------------------------------------------------------------------------

0:00 Introduction
0:12 init Firebase project
2:16 init firestore db in console
4:34 Understanding Firestore NoSQL database
8:32 Installing firebase v9 dependency
9:33 Initialise firebase inside React app
11:55 Initialise firebase Firestore database
13:21 Read data
25:43 Add data
33:10 Update data
43:07 updateDoc vs setDoc
45:46 Delete data
49:37 Real-time data updates
55:46 Security rules

======================
✔ Other useful Playlists
======================

#yoursTRULY #tutorial #howto #nodejs #android

[DiestroCorleone]

Awsome tutorial. The only one I've seen so far that's up to date with the firestore integration and so.
Thanks a lot!

[maddiec]

Hands down best firebase tutorial I've watched!

[utcrgii]

I've been facing too many problems with using those data after reading them and your video just saved my day! Thanks a lot mate.

[greadox]

best tutorial which i ever seen!!! simple, quick, onPoint!!!

[sxfweuh]

Excellent! way to understand. Found this tutorial after much struggle. Excellent.

[osamayousuf]

You Deserve 1000 Subscribers x 100
You are amazing your style of training is amazing i learn firestore database from this video thanks bro
May god bless you

[stephanieegbuonu]

This is an awesome tutorial
It explains the concept clearly
Thank you

[pranavmendiratta]

Great video, was looking for this! Clear voice as well

[mohamedlaraiche]

Thank you so much, that's was very helpful, i hope from u more like this content, good job 👍

[raghuramtiwari]

Ahh finally!!! I had checked your channel more100 times.... This time the Video was very Late. I was Expecting something from Next.js. and Serverless
Like Best practices and Scaling for Prod.

[teetanrobotics]

Amazing content. Could you please make a playlist solely for firebase tutorials. There aren't many of these on youtube. thank you.

[maxpugh]

Great tutorial thank you very much, just wondering what is the right click menu you are using to add imports? i cant find it anywhere online just for a time reference you do it at 30:06. I am using js files so maybe its something linked to jsx? many thanks

[themastermindia]

Hi thanks for the video, what font are you using in vsCode, thanks .

[utkumattaktas]

This is a very useful content. Would you mind showing us how you go through documents to find the correct code? Because I did go through the document but I couldn't find this answer.

[be_b__ankitkumar_singh]

Sir which ohmyzsh theme are you using?

[amirafshari]

You are the goat if we win I'll paypal you money

[eyee]

do you have a list of the extensions you use for vscode? what did you do at 31:19 to indent the block of code? great video btw!

[xuanpham]

Can you tell me your vscode font style, it look beautiful 🥰

[zummotv]

How to implement my own onSnapShot method and watch for a few documents update for a particular user? (Note:I am not using Firestore)
Example- User1 has related documents --> doc1, doc2, doc3 any update made to these documents should trigger a function on UI which will update the state and re-render the component.
Similarly -User2 has related documents --> doc4, doc12, doc13 and same should haapen for user 2

[manmeetkaurbaxi]

Thanks for this tutorial, I was trying to fetch data for a particular user using the document field, but facing issues. Any leads would be highly appreciated. :)