To-Do List Using React Native Expo And Firebase | CRUD Operations | React Native Tutorial | JS

Hello guys, My name is Rohit Kumar Thakur. In this video, I am gonna show you, how to make a todo list using react native expo applications and firebase's firestore database. In the project, I am using the latest version of firebase sdk, which is version 9 and stack navigation to get our job done. 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 useEffect hook to fetch the data from database
✅ Minimal UI-UX
✅ Use of FlatList in React Native Expo Applications
✅ Fetch the Data from firebase's firestore db.
✅ Delete the firebase data using react native expo applications
✅ Add the data to firebase's firestore using react native expo application
✅ Update the firebase data using react native expo application.
✅ Use of stack navigation in react native expo applications
✅ Use of react navigation to pass the information from one component to another
✅ How to fix the react native expo warnings.
✅ react navigation
✅ 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, 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

[zoro]

Thanks bro. Really good tutorial. Please do more tutorials with React Native

[deionstfleur]

I am getting a "Cannot read property 'firestore' of undefined" . Were we supposed to create the collection in firstore first or does it do this automatically?

[dytobee]

excuse me, i have a problems, in my flat list i can not set item, how i can fixed it ?

[PrinceDennielDeVilla]

i made it, thank you very much, thres a problem i encounter tho, its the data from firebase, its in hash format and not the original input that i made, how do i fix that?

[djavu]

can I see the source code? I have so many error.

[lrajoo]

thanks! liked and subscribed.

I wanted to ask - does this re-render the entire list of To-dos every time?

I have a similar To-do list and whenever I delete a task, the entire Flatlist re-renders. Is there a way to avoid this?

[petervang]

Hi, I am following your tutorial and was coding along everything works except it showing up and seeing the details. Is there anyways you can help?

[hemanpurmessur]

Error at "onChangeHeadingText"
In details.js
Please suggest a solution

[anurag]

beginners cant watch and understand ... still keep up the good work

[zaidrafiq]

Bro same code but the list is not showing. data stored on backend but no list

[yuvrajsinghrathore]

Thank you amazing tutorial,
this is working on web but not working on android device. please help!
error :" The Developed Server returned response error code: 500"

[Diavolomod]

Thank you for the great job. I face this error:
"TypeError: item.heading[0].ToUpperCase is not a function. (In 'item.heading[0].ToUpperCase()', 'item.heading[0].ToUpperCase' is undefined)"

[minexi_]

It's not bad the tutorial, but pls CHANGE THE THEME. My eyes hurt when I see that Theme