From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Unlock the full course today

Join today to access over 24,500 courses taught by industry experts.

Handle conditional rendering

Handle conditional rendering

From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Start my 1-month free trial Buy for my team

Handle conditional rendering

“

- [Instructor] For this application, we want to give the user the options to upload stock images and then display in the gallery. For that, we're going to use one form. So remember that this is not a course about React basics or frontend development, so we are not going to be writing all the code from scratch. Instead, I am providing you with code snippets for your convenience as well. So you're going to find in the exercise files one uploadform.js. So you're going to copy all the source code and then go back to the application. And inside components, you're going to go ahead and create a new components. I'm going to name this one UploadForm, and then we're going to paste, and remember that you must also export default, like so, so you can use it outside of this module. So back in the App component, we're going to then import, add to the scope, and now we're going to use this form and add it in our... Here, user…

Contents