How To Set Up React With Firebase/Firestore | CRUD Functions | Part 2

[@SamFromaway]

NEW VIDEO Version 9: kzbin.info/www/bejne/Y6rVn4qkg5Wab9E 👈

[@vladaliniuga]

Great content! I've been searching around youtube for information on these subjects and this is the most complete solution I found. I like the approach where you writhe the code behind the scene, it saves a lot of time. Also it would be nice to see a solution for pulling data from a specific field in a document and displaying it, for example crating an user with a "user info" collection including "full name" and "address" then pulling only the name from the collection and displaying that instead of the email.

[@mauroavellaneda9019]

I agree. By the way, since you wrote this comment 6 months ago, I would like to ask if you tried to do it? It would help me in some days ahead.

[@mooder3247]

i dont know how to thank you you litrally saved my life i was working on something similar and stupidly i had a tiny bug that ruined everything so when i saw your repo i knew where i made the bug and i fixed thank you soooooo much

[@SamFromaway]

By the way, I mixed up "Parameter" and "Argument" a lot in this video. If you want to know the difference check out this video: kzbin.info/www/bejne/h3OXcqmigsiamdU

[@vladkramar3123]

Thanks for the tutorial! It was exactly what I'm looking for! It would be even better if you show how user can upload an image and then fetch it from a database!

[@SamFromaway]

Then you need image storage and only put the url of the image in the document of firestore to reference it. You can host images for Example with google cloud...

[@shanuv000]

Thank you very much! for this tutorial.🥺

[@crisc.castillo979]

YOU ARE THE BEST!

[@puneetsingh9678]

Thank you, it helped me a lot

[@tronganhnguyenthanh1157]

The file .env, do we need to install the library that called dot-env in our project ?

[@okidokiyowyow356]

Hey man. I tried this but instead of school, I use comments. Now everytime I will add comment, it will get duplicate then I have to refresh, then its gone. Another problem is, the new comment dont get add to the last list and they get place randomly. Im using the snapshot code.

[@iamlande3979]

kinda big gap between the end of the 1st part and the beginning of second, I mean u did a lot of code "behind the scene"

[@SamFromaway]

Thanks for the feedback. IMO it was just the SnapshotFirebase component and the GetFirebase component which I tried to explain thoroughly in the video. Would it be more helpful if I made a video with the whole process explained?

[@iamlande3979]

​@@SamFromaway well u did a great job actually. I have never come across snapshot method as tuts I have watched explains only get method w/o mentioning snap. I used to do tuts step by step so it was kinda new for me to see the whole code done before the video, it is not bad just different. You also did some CSS code behind the scene which changes the view of the app and I think it's worth mentioning. As a complete newbie I also have a question: is there a way to transfer some data from one collection to another? For example, let's say that one school became out of order and we can't just delete it like it never existed, for this we have another collection, for example, "archive". And I am going to the third part of your guide :)

[@SamFromaway]

@@iamlande3979 Thanks for the feedback, yes exactly I wanted to do it a little bit differently like other tutorials and hope my style is clear enough. About your question: The general idea of Firestore is to have a "flat structure" that means you have data in (if possible) one place only and manipulate it there. So I would rather re-purpose the delete button, and if instead of deleting the document, the button would change the value of a key value pair named (e.g.) visability, to archived. (This is a common data structure for the issue you are describing) And then when displaying the data on the onSnapshot you add: where(‘visability’, !=, ‘archived’) or even better add a visibility key to all documents and set them to public in the beginning and filter like that: where(‘visability’, ==, public). So you would have a definite key to say which documents should be shown. I hope this makes sense. :D

[@SamFromaway]

@@iamlande3979 ah and if you still would need that data would communicate between different collections you would do that with "cloud functions" firebase.google.com/docs/firestore/extend-with-functions

[@iamlande3979]

@@SamFromaway I believe I got the idea, will try to do that, thanks :)

[@1234n-i4u]

Thank you very much

[@pjguitar15]

IDK why delete function doesn't work for me. I literally just copied your code from github haha

[@hilarion_aggey]

Hello