How to get data in Cloud Firestore with React | Part 8 ReactJS Tutorial Series with Full App

Let's continue what we built in Part 7 by fetching our survey data from the Cloud Firestore database. We will get the data with the useEffect React hook. After that, we'll use Firebase Firestore's library functions, specifically onSnapshot(), to store data in a local variable. After storing that variable to the component's state with the useState() hook, we can map over the results and display them one by one.

Level: Intermediate / Advanced

[Fastie]

Honestly the best tutorial I've seen on this topic, so clear and concise! I've subscribed, thank you!

[BonzLifestylesIntra]

thanks for this wonderful tutorial maam

[classicdrumpercussion]

thank you, i could find solution to my project's error from this vid

[thedevguild]

Wow not only is your explanation concise, I appreciate the fact that you explain why you return an anonymous function and even highlight potential human error (placing of setpost and isloading inside the foreach loop).

I feel that it set your video aside from other online tutorial! Thumbsup and subscribe from me! Looking forward to more videos from you.

[abdulmalikzihad]

Thanks for this information I was so lost finding the best solution

[aramabdulrahman]

is there a way to search in fetch result to prevent more call firestore db ??thanks you do the best

[RC-hisj]

hi friend it is very good video thanks

[iplaytowingamingOG]

Hey, I have a question, I am getting and ID from firebase (not 1, but some of them), now I need to get the data of that particular ID separately, in a different .js script or a different page, so what methods should I use, I am using useParams to get the ID, so how to map that ID with the ID present on firebase and fetch the details from that particular ID and display?

[shawkiizzat]

I retrieve data from firebase in us-effect but useffect is not called for the initial render. Only when I refresh the the app is useffect called and data is retrieved. Any idea why/how to fix this?

[kudjoeerik]

Hi I love your videos. How can I get search bar to retrieve data from my firestore database.
2. Also, post files from email form to firebase and delete also. thank you

[winniemayokila]

Thanks for the video! Quick question, I cant manage to import db do you know why ?

[thedevguild]

By the way, do you mind if i ask you something. Usually we use fetch method to get data via API. As we are usually firebase library, do they have an inherent fetch method in it? I didn't studied the firebase library yet so am wondering if you happen to know.

[kashmirtechtv]

getting an error: db.collectiion is not a function

[afsongs]

Hey hi can you share your email or where I can find a way to contact you regarding need help in react a bit 🙏

[xxxxxx-pboj]

How can i contact you to ask u something?