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

Unlock the full course today

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

Challenge: Thinking in React

Challenge: Thinking in React

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

Start my 1-month free trial Buy for my team

Challenge: Thinking in React

“

(upbeat digital music) - [Instructor] This is how the user interface looks like for now. We have a navigation bar and a gallery of images. The goal for this challenge is to learn to think in React. Learn to split and organize the code base into small chunks of code. Divide the user interface into small units and reusable components. So what you should keep in mind is that one component is one responsibility. One component should represent only one visual section of the entire UI. So we want to understand how to reuse components and pass data with the props to create reusable and flexible components. So the purpose here is to understand, not to keep a big file with a huge component with everything in it. Just like this navigation, it's very busy. We have a lot of things. We have a navigation, a search and a dropdown. So what we can see right here is that we have three separate components to make the navigation bar.…

Contents