From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Unlock the full course today
Join today to access over 24,400 courses taught by industry experts.
Set documents with images: Update the UI
From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Set documents with images: Update the UI
- [Instructor] In the final parts with the cloud storage demonstration, we finally displayed the images in the stock image gallery. So the goal will be to first, upload the images to the cloud storage, and then download the URL to get the path to the image stored in the cloud storage. And finally, we displayed the images in the gallery. So far, so what we've had, I'm going to delete. So from the Cloud Firestore, I'm going to select from the middle, and select delete collection. And you're going to write the name of the current collection, then click delete because now, we have a document with a different shape and format. So we just want to start from scratch, from zero, and also we're going to do the same first storage. Like this folder, let's select and click delete. So let's start from zero. So let's go back to here. So if we go back to the App.js, the list, and then the card. We know that we have the information…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
(Locked)
Get started with Cloud Storage on the web3m 13s
-
(Locked)
Define an async function to send a file to storage5m 35s
-
(Locked)
Upload a file to the storage3m 17s
-
(Locked)
Download a file URL from storage6m 10s
-
(Locked)
Set documents with images: Update the UI5m 27s
-
(Locked)
Set documents with images: Set the date4m 10s
-
(Locked)
-
-
-
-
-