How To Add Data To Firebase Firestore Database Using React Native App | React Native Tutorial | JS

Hello guys, My name is Rohit Kumar Thakur. In this video, I am gonna show you, how to upload text data to the firebase's firestore database using the react native expo applications. In the project, I am using the latest version of firebase sdk, which is version 9. React Native Expo is a cross platform framework, which gonna helps you to build mobile apps for both Android & iOS devices. The code part is not that much tough. You just have to follow the video to get the desired output. Happy Hacking

𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )

Topics covered:
✅ Full Setup of Firebase Application
✅ Start a React Native Expo Application
✅ Installation of Firebase SDK in react native expo app
✅ Use of useState hook to add the data to database
✅ Minimal UI-UX
✅ Add the Data from firebase's firestore db.
✅ What is firebase

My social Links:

Music Source: NCS

Tags: firebase, firebase tutorial, what is firebase, firebase tutorial in hindi, firestore, firebase database, react firebase, firebase react, firebase realtime database, react native, react native tutorial, react native tutorial in hindi, react native project, react native tutorial for beginners, react native app, react native full course, react native navigation, native react, react native course, react native projects, what is react native, react native app development, react native firebase, react native crash course, react native ui, learn react native, flatlist react native, react native in hindi, react native tutorial for beginners, react native app development, react native project from scratch, react js. expo react native, react native tutorial for beginners, Firebase, firebase console, google firebase, react native firebase, firebase database, firebase pricing, firebase auth, firebase analytics, firebase authentication, firebase login, firebase cloud messaging, firebase storage, react firebase, npm firebase, firebase tutorial, firebase app, firebase sdk, google firebase console, firebase crashlytics, react native firebase auth, firebase fcm, reactfire, firebase web, firebase android, firebase ios, firebase backend, firebase cloud, firebase cloud storage,

#reactjs #javascript #reactnative #ios #android #react #firebase

[tarmilamallela]

really a tough task for me to add the data to firestore unless and until I saw this video. Keep going👍

[meowmix_lol]

awesome tutorial! I hope you release more react native + firebase tutorials

[EDWIN]

Worked it for me, a lot of thanks man!!! I was looking for this solution to my project.

[I-MM-O-R-T-A-L]

What is the difference when you choose Web App vs IOS or Android in the Firebase?

[able]

great that help me a lot!!!! how can I add sub collection? pls upload a lot about react native!!!

[bm_pug]

I dunno... Msybe you have a "yea, it is probably something like this"... solution. But my output doesn't look like yours. Mine is not centered, it is basically squashed into the top left corner of the screen.
I did double check the styling, and everything seems fine.

[arikmosfor]

great job!!can you show how to get the data from firebase ?

[OutchOutch]

Hey man love india, could you put the repository please ?

[AbdullahKhan-hwym]

you used only one text input . I have 4 text inputs, this means i have to use 4 states? and if yes what to do with the checking of field data when u have 4 inputs. T. I. A

[jailanijohn]

Hi bro, I have added the data in firebase database, but it is returning null in console itself.