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:
github.com/bikashthapa01
#ReactFirebase #firestoreReact #ReactTutorials

[@shalommbuthia7341]

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

[@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.

[@slyslug88]

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.

[@praveenthavendran917]

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

[@arien7371]

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

[@Viktorres1]

Thank you man! Firebase now works good.

[@astragraphiks]

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

[@user-om4ex1xd7z]

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

[@user-jw7hr3cx3w]

Great work , Helped alot!!😊

[@codemedic]

Nice one bro 💯👌✌️

[@lavanya9850]

thanks bro , really helpful

[@naxcall]

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

[@CodingAndPizza]

Thanks bro. nice work

[@khaliilabdi925]

thanks pro
well done

[@mostafaekbal3863]

Thank you very much

[@lwc1]

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

[@developersaran1873]

thank you

[@archandhakal9865]

wuuuu huuuuuuuu

[@anthealai1642]

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

[@Dhivyasree-ys8gx]

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

[@harithakr8385]

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?

[@atharvmetkari3696]

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

[@SmallAcademy]

you can store them in firestore/realtime database. Watch videos on how to store data in those databases on youtube. You will figure it out.

[@shebeshchen]

I LOVE YOU.

[@gonqii]

THX YOU ALLOT!!!!! 👍👍👍👍👍

[@tongtony3880]

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

[@SWARANG-fv5pq]

hello i m getting an error whn i do admin login

[@rohanmiscelionius5074]

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

[@developersaran1873]

const nameRef=useRef();
const rollNoRef=useRef();
const ageRef=useRef();
const genderRef=useRef();
create like this and
let data={
name:nameRef.current.value,
rollno:rollNoRef.current.value,
age:ageRef.current.value,
gerder:genderRef.current.value,
}
store the multiple value

[@mujtabakhalid7010]

in the video u can see a data object just add more properties to it and send it to firestore using adddoc

[@developwithishfaq4979]

After 4 months bruhhhh

[@SmallAcademy]

i know 😭😭

[@abcxyz5618]

Thank you very much