From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

App component

App component

From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Start my 1-month free trial Buy for my team

App component

“

Welcome back. Now we have everything we needed done already. We are just left with the app component where every component should be called and we can see our app in action. So far, the app is displaying nothing because we don't have anything in the app component. So let's quickly do that. And I'm also excited to see what we have built so far. With the app component, let's make it a div and give it a class name of MinHeightScreen. Background should be gray 100, padding overall should be 4 and for medium devices we can have the padding increased, let's say about 8. In this component, we are going to show everything, which is our product list component. And then we are going to have our cart component as well. And we are going to have a header area, which is going to display the name of the project. So let's do the header first. We can have the header, give it a class name, margin-bottom of 8, padding-bottom of 4, border should be B, bold and border should be grey in color of about 300.…

Contents