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.

Compose and update the UI

Compose and update the UI

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

Start my 1-month free trial Buy for my team

Compose and update the UI

“

- [Instructor] So just a few steps before we can complete this part before moving on. And what I'd like, because we made sure to separate logic and presentation, I'd like to continue also with composition. For example, here's where I'd like to keep these parts in its own components. You can see that this is going to remain the same layout with the nav bar, including the form. So we could certainly remove that and place it in its own components. And it's going to be Layouts. (keyboard clicking) And I'm going to take the entire piece like this and add it here, so make sure that we add the closing tag. And we're going to add this within some fragments because it's two elements next to each other. Here I go. And which of elements is within, it's going to show as child elements, like so. And we're going to need to pass a few information. Right here, you can see. So we're going to make sure that we pass as prop, this function…

Contents