Тёмный

Fetch The Data From Firebase Database In React Native Expo Apps | React Native Tutorial | JavaScript 

Bug Ninza
Подписаться 10 тыс.
Просмотров 27 тыс.
50% 1

Hello guys, My name is Rohit Kumar Thakur. In this video, I am gonna show you, how to fetch the data from the firebase's firestore database in 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
𝐁𝐨𝐨𝐤 ( 𝐅𝐫𝐨𝐦 𝐂𝐨𝐝𝐞 𝐓𝐨 𝐂𝐨𝐧𝐧𝐞𝐜𝐭𝐢𝐨𝐧𝐬: 𝐀 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫’𝐬 𝐠𝐮𝐢𝐝𝐞 𝐭𝐨 𝐛𝐮𝐢𝐥𝐝𝐢𝐧𝐠 𝐚 𝐬𝐨𝐜𝐢𝐚𝐥 𝐜𝐚𝐫𝐞𝐞𝐫 )
Amazon India: amzn.eu/d/axYh0B4
Amazon Worldwide: a.co/d/acqJOYR
Gumroad (pdf): ninza7.gumroad.com/l/codetoco...
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
My social Links:
Instagram: / _ninza7
Twitter: / _ninza7
Website: ninza7.me
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, 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

Опубликовано:

 

27 апр 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 47   
@BugNinza
@BugNinza 2 года назад
Do Subscribe and keep supporting❤️
@halfamoose
@halfamoose Год назад
Read over 10 completely diff ways to do this, and yours is the one that worked....You're the Man.
@BugNinza
@BugNinza Год назад
Haha Thanks!! Keep supporting 🫡
@tamaspalya5374
@tamaspalya5374 Год назад
I subscribed, great videos mate!
@BugNinza
@BugNinza Год назад
Much appreciated!
Год назад
so thanks bro.
@makolilikoko3884
@makolilikoko3884 2 года назад
thanks bug ninza🤗 you are good
@BugNinza
@BugNinza 2 года назад
Thank you too. Do Subscribe and keep supporting❤️
@brnbk8910
@brnbk8910 Год назад
Ótimo tutorial, muito obrigado 🙏
@BugNinza
@BugNinza Год назад
Que bom que funcionou. Continue apoiando
@olp9667
@olp9667 Год назад
Thanks m8, you just saved my ass! :D
@BugNinza
@BugNinza Год назад
Haha..!! Keep supporting 🫡
@ravimishra8243
@ravimishra8243 2 месяца назад
Plz help, - I want to access data after login, (based on a specific phone number ) -: Condition - 1. Phone number is already stored in database. when a user login - only number that is stored can access login. -2. After login the details which is stored in database is fetch on a specfic login user.
@inezkok3746
@inezkok3746 Год назад
hi is there any reason why my cards are displayed as blanks and how do i solve this issue? (the number of cards are correct but the data in each card is missing)
@BugNinza
@BugNinza Год назад
Change the font color of the text displayed in the card. Typos and formatting errors can sometimes occur, so it's always a good idea to double-check your work.
@RajPatel-ql5ly
@RajPatel-ql5ly Год назад
I am trying to get a random data so that I can display only one document. Every time I refresh, it should show one random data. Can you help me?
@BugNinza
@BugNinza Год назад
Use random query
@brnbk8910
@brnbk8910 Год назад
I would like to add images using this method, could you help me?
@BugNinza
@BugNinza Год назад
you can add an image and store it to firebase's storage. You can check this: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-S8AGpWn9qrM.html
@susanshu7725
@susanshu7725 Год назад
Every time, when I first enter into this page, it cannot grab the data, which shows "undefined is not an object". Does anyone have the same situation?
@BugNinza
@BugNinza Год назад
I think you are using come undefined object. Can you tell me more about your error. You can send me screenshots on my social media handle.
@flywithnelson
@flywithnelson Год назад
@@BugNinza I'm having the same issue.. TypeError: undefined is not an object (evaluating '_authApi.default.firestore')
@muhammadshiraz5805
@muhammadshiraz5805 2 года назад
please share code with me because i have a error
@brnbk8910
@brnbk8910 Год назад
Pode me ajudar ? Como eu faço para renderizar uma imagem ?
@BugNinza
@BugNinza Год назад
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3X_F3IarWOU.html
@ismaelpaul367
@ismaelpaul367 Год назад
@@brnbk8910 mano, o cara não fala português. usa um google translator pra pelo menos facilitar pro cara
@brnbk8910
@brnbk8910 Год назад
@@BugNinza I would like to add images using this method, could you help me?
@reverseArchive
@reverseArchive 10 месяцев назад
옹ㅋ
@rabnawazali6061
@rabnawazali6061 8 месяцев назад
hey sir plz make a vedio on content user access only in firebase with reactnative expo
@BugNinza
@BugNinza 8 месяцев назад
I am not getting you. Can you please explain 🧐
@032-m.muthuanushya2
@032-m.muthuanushya2 5 месяцев назад
can i know its work for android
@BugNinza
@BugNinza 5 месяцев назад
Yes
@MikessGaming
@MikessGaming Год назад
can you make how to search using firebase database
@BugNinza
@BugNinza Год назад
I'll try
@MikessGaming
@MikessGaming Год назад
@@BugNinza thank you
@ahmadirtisam9593
@ahmadirtisam9593 Год назад
will it work for real time database ?
@BugNinza
@BugNinza Год назад
you have to change your code a lil bit.
Год назад
İf its worked i will be your sub
@BugNinza
@BugNinza Год назад
Let me know. I'll make sure it will work 😃
@jonasradtke9658
@jonasradtke9658 2 года назад
where Souce?
@tamaspalya5374
@tamaspalya5374 Год назад
that is what I wanna know too
@mageshwars5191
@mageshwars5191 2 года назад
Im getting an error.......useEffect must not return anything besides a function.......it says that it is because we use async in use effect
@BugNinza
@BugNinza 2 года назад
Remove async ()
@mageshwars5191
@mageshwars5191 2 года назад
@@BugNinza another doubt....I have to fetch date too....how do I do that?.....i tried to fetch createdAt....but it's not working
@norman2213
@norman2213 10 месяцев назад
const fetchTodos = async () => { const snapshot = await todoRef.get(); const userArray = []; snapshot.forEach((doc) => { const { heading, text } = doc.data(); userArray.push({ id: doc.id, heading, text, }); }); setUsers(userArray); }; useEffect(() => { fetchTodos(); const unsubscribe = todoRef.onSnapshot(() => { fetchTodos(); }); return () => { unsubscribe(); }; }, []); should work here
@olivierboulanger1118
@olivierboulanger1118 Год назад
That do not work. Metro encoured an error ... No solutions found
@BugNinza
@BugNinza Год назад
Check the dependencies version, then check your components and code. Or if you're confused then start fresh
Далее
Редакция. News: 128-я неделя
57:38
Просмотров 1,5 млн
I tried 8 different Postgres ORMs
9:46
Просмотров 399 тыс.
What’s the Best React Native Storage Option? 🧐
12:53
Rewrite React Native App
12:14
Просмотров 65 тыс.
Редакция. News: 128-я неделя
57:38
Просмотров 1,5 млн