How to Connect Firebase With React Application

Hello Guys, in this video we will talk in detail about connecting firebase with react application. We will create react application from scratch and connect it with firebase from start to end. This video is for beginner react developer who wants to utilize firebase in their application.

Command Used in Videos:
Create App: npx create-react-app
Install FIrebase: npm install firebase

Source Code:

#ReactFirebase #firestoreReact #ReactTutorials

[IntotheWildscape]

great tutorial, quick and clear. addition to react-firestore interaction i learned two important thing, one is npx create-react-app . to create react in project folder and preventDefault to prevent page refresh. thank you.

[slyslug]

this tutorial is the best, most complete, up to data, and SIMPLE implementation to get you going quickly. I tries several others before I got here.

[shalommbuthia]

thankyou so much.This video has worked for me and it was just what i was looking for.

[praveenthavendran]

Helped alot, searched everywhere but this one solved my issue!

[harithakr]

Hi. Could you share your video link where you have explained setting up firebase database to production mode and connect to database from react app?

[lounesbouyahi-kv]

Thank you for this video; it's very helpful.

[atharvmetkari]

bro i am making an budgeting application for my clg project which analysis daily, weekly and monthly user budget... in android studio
first of all i have make an login registeration using firebase realtime authentication...
but.. now i have an question that how can i store user's analysis data to firebase like his daily..., weekly budget data.. like he spend 10$ in a day...
plz ans my qn bro it will help me a lot

[lwc]

Hi, could you make a video of creating, selecting, and deleting data with use effect and use state?

[Dhivyasree-ysgx]

hi can you tell me how to add more datas to the firestore after pressing save

[anthealai]

hi thank you. are you able to show us how to do a popup message when you clicked the save button

[naxcall]

nice tutorial bro, very clear instruction. can you post more like this with useState case

[Viktorres]

Thank you man! Firebase now works good.

[astragraphiks]

This one helped me a lot, thank you so much!

[Tildensfascinatingfinds]

i am in last step and the data is not coming in fire base but the data is visible in console
how to solve it

[arien]

Thanks bro, very clear and friendly tutorial! Looking forward to your future videos!

[tongtony]

when i press save button, browser Console show "Uncaught (in promise)". The messge can not save to firebase.

[SWARANG-fvpq]

hello i m getting an error whn i do admin login

[rohanmiscelionius]

how to push multiple values in the firebase databse..i want to push email phone number zip code also