React Native Firebase Firestore Tutorial | Create/Delete Post | Delete from Storage

In this tutorial, I have shown you to create a post for our react native social app in firebase firestore database. We're storing text and image in firebase as a post and then we are fetching those data in our app to display it on our app home screen. After fetching data authorize user can delete their posts from the app.

So in this tutorial you'll learn how to create/fetch/delete data in the firebase firestore database in react native. Along with it, I have shown how to delete photos from firebase storage.

🛒 Coupon Code: PRADIPDEBNATH

► Timestamps
0:00 Introduction
3:00 Get Uploaded Image URL from Firebase Storage
6:06 Installing React Native Firebase Firestore & Setup it
8:15 Create Post or Add a Document to Firestore Data
12:53 Fetch Posts or Get Documents from Firestore Database
20:54 Handle Create Post without Image/Photo Upload
22:10 Delete Post
27:50 Delete Image Files from Firebase Storage
28:55 Delete Post or Document from Firestore
32:28 After Delete Re-render Home Screen
34:44 Confirm Before Delete the Post
37:28 Format Time with Moment JS

[arghyamondal]

Yeah you should do tutorials in expo too..

[gauravkumaryadav]

Hello Pradip,

thanks for these wonderful tutorial series, this particular playlist helped me improve my knowledge I would really appreciate if You develop more apps in Expo for further playlist videos... Thanks

[gururajmoger]

It's grateful if there is an animation 👌🔥

[anvarsaidov]

Thanks, this is exactly what I need for my next project!

[plabanrout]

Your videos are really awesome !!! can you please have a video on payment system ..i mean integration with payment gateway...Thanks

[nileshgardi]

Great !!! Waiting for more like this... Please complete full tutorial👍

[shehzaddevtech]

Awesome. please sir complete the series with Like and comment part Thanks once again.

[SACKO]

Pradip Debnath, Dude can tell me how to save image into a local storage? I've created a profile UI and using ImagePicker, however en using async storage after a refresh image reset to a default one, I set. Do you have any tips or way to handle this issue? thanks

[notchad]

If your feed is blank put await in front of db.collection it should solve your problem

[farhatulsk]

Brother my data is not uploading in firestore production mode

[hammadamin]

thankyou very much sir <3 aprreciatable effort

[mkilphewer]

Can i follow the same step with an expo react native project?

[MayThazinKhaing-ptcv]

I got error when I upload photo with real device -iOS

Possible Unhandled Promise Rejection (id: 0):
Error: [storage/unknown] An unknown error has occurred. (underlying reason 'Can not finalize upload. Current size is 0. Expected final size is 948149.')
NativeFirebaseError: [storage/unknown] An unknown error has occurred.

[carlosvillalobos]

There is a mistake with the Card styles, well, idk if it is just me but if all the posts are very short like just "test 1" ... the card becomes smaller. Like it is not always the same Card size

[Virendrakumar-grgl]

Thanks so much sir it's very helpful tutorial please tell me when will you post profile section

[alfaizkhan]

sir How will you increase the size of the picture you are sharing in this..??

[jamars]

Hello, when I click post it only loading but not uploading the image. is there a problem with the posts? can u help me.

[GOKU-Black]

Why don't you make videos on expo

[mahnoorasif]

can we implement the same code in expo

[gerfersoncoelho]

for some reason when I add a new post and go back to the home screen it is not updated, it may be a useEffect error? very good tutorial