Upload Images / Files to Firebase In React - Firebase V9 File Upload Tutorial

UPLOAD IMAGES IN REACT USING FIREBASE. In this video I will go over how to use Firebase storage to upload images in React!

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

#reactjs #firebase

[pablom]

Just adding extra timestamps for me in the future:

1:40 Firestore & project setup
4:10 Neccesary packages
5:00 Storage - get started
6:30 Firebase configuration
Working in the React app
8:30 Adding file input and btns
11:23 Uploading an image(firebase code)
13:25 Randomize image name
14:50 Upload the image to firebase
16:48 How storage works
17:20 Display all images in the React app
23:25 Show new uploaded images automatically

[Lorkisen]

This was so much easier to understand than the official documentation. Thank you

[itsdazychain]

I haven’t even watched the video but I’m so excited! My favourite tech YouTube just released the tutorial I’ve been waiting for 🙌🏻

[Human_Evolution-]

This is the best video on the very basics. A part 2 with a orderBy and delete option would be OP AF.

[victorvondoom]

you are amazing, clear and concise, i have not seen other tutorial that focuses just on the logic and not building unnecessary frontend stuffs . i can always keep my code original and make extension to more ideas . In short, your way of teaching is pure and phenonmenol.

[eleazarhernandez]

Dude, really appreciate the approach. You are a clear-spoken and intelligent individual. Keep it up!

[ngonimugumwa]

Wow, really nailed the ball with this one, just about to start a project with image file uploading to Firebase. Thanks mate

[aswinkashok]

I used cloudinary on my First project and it was little tedious, and I was so frustrated to do it again on my second project, And thanks to U I finished my img upload functionality on my second project with no hassles, THAANKS bro

[joshuaborseth]

This is perfect. I was just about to add image uploading functionality to my project. Thanks Pedro!

[alexandrewilk]

Pedro tech I followed all your firebase tutorial they r all BANGERS I LOVE YOU

[ethenGold]

thanks for the short clear video, nice, straight to the point no coners

[ashikmahmud]

This is the video which one need now my situation. Thanks bruh by the way I am new subscriber of you channel.

[VickTechPro]

Hey Pedro, I love watching your tutorials. They are easy to follow and explained quite well.
I just had another request, like can you please also make videos on some popular NPM libraries and how to use them in our codebase. That would really be helpful for a lot of people like me who rely on NPM libraries on a daily basis but can't find enough tutorials to fully understand their usage.

[alessiapiscopo]

Thank you so so much for this! You manage to make things super clear and easy to understand and it's just great. Thanks again :)

[tahep]

thank you very much for this simple project which helps to easily understand the basic concepts behind the upload process to firebase, I've just recently watched a video to do with this subject, it was simply a nightmare comparing to this one, it was like running without learning to walk :), huge thanks again

[anazi]

Thank you man 👍👍 I got stuck for like two days on tutorial that have firebase 8 not firebase9 so I could not proceed. Thanks again.

[fearquare]

I really loved your video!! Thank you for uploading this, it really helped me.

[ibrokhimkhayitmirzaev]

this is the video I've been looking for, just simple, easy to understand, thank you

[Andreas-hyob]

This was really well explained, its clear to see you got a passion! Keep going at it man, its truely great!

[md.nayeemhasanadil]

Thanks so much a very good description. I was mixing up everything but your explanation was very fruitful