Now, are we going to treat today the issue of the shopping cart project and the first thing we're going
to do is to insert our researchers projects, we're going to say we get the right projects for their
ends.
We're going to say ENPI is tall.
Pleased and picks and picks create, please react up like this creates, reacts, upends, going khakis,
shopping carts like this.
And so we're going to read for Kapara a minute, making the iteration of our projects.
Yes, Dienst operation is finished and then we can go in our terminal and we're going to tap this command
line in RPM's darts, it's us press on, sir.
I please we need first to.
Triggering in our way to go instead of our shopping carts project, and then we're going to run in peak
M e and starts like this.
Very good.
And our project is in St. AINs.
It was like this and thing we're going to learn in this video.
We are going to learn how we can structure our project.
So let us come in or is our C folder.
Let us click on it.
We are going to remove this, the top Taisto status report to Vital.
We're going to remove also the logo index yesses.
Take all this excuse me.
Logo.
Indicates that, yes, this.
Yes, and let us delete complete.
Move to risk, Colbie.
Very good.
And we're going to have the update, VSS up the chase index, the chase.
OK, so let us come first already up to this.
You can see here a report, Vytautas, where the shopping cart report, that fight there certainly does
come.
First up, the chase.
We are going to remove fees for the local.
Let us remove.
Let us remove all contents.
We are going to replace this canteens, we're going to put a name to take.
But these.
And to come in or indicate that, yes, we're going to remove index or index the JavaScript, so we're
going to remove the index cyesis, we're going to remove also the reports with Vitalize.
Like this ends, we are going to remove our study reports, Web sites out here.
And you can see if we tried to back our project and tried to reload speeds, we're going to get it.
BLANPIED So the thing we're going to do in this situation, we are going to try to structure our projects
by creating our first order that we're going to call components.
We're going to create these components like this.
And in inside of a folder, we are going to create the first formula that's Reagan names, dates for
like this stateful and click on it's close like this and create a single folder which is going to be
included in the components folder, not in the stateful.
We are going to see states list like this and make sure to have two folders like this are components.
And we're going to come in arraying that is stateful in our state police just click on state police
instead of our statelets, we're going to create a folder that we're going to name sites and click on
sites here or recite.
We are going to have a component that's going to name a site that is like this.
Strategies, which is going to be contained in the components, will include the admin's site and the
homicides decline site and ideal site a site, and it will be a statelets component because we are not
going to use state in search of these components, because this site, the components which contains
only the ads, means ending in decline sight.
And then we are going to take the site components.
We are going to put it in the site of our updo chase, which is the parents components.
And after that, this UpDown test will be rendering instead of our indexed DOT Deists file.
So after that, the thing we're going to do is to close like this.
Atlas creates a new EUFOR in your folder.
That's Riggen name adenine.
I mean, like this insight of I mean, we are going to have a component that we're going to need.
I mean, this is like this, Adam, that, yes, we have at NASA, it will be a stateless component
because instead of or I mean, we are going to view to display only data from our database.
So after that, we are going to close we're going to come out in other states for components, a state
through folder and say we are going to create a new folder that's going to name Whump like this and
click on.
Com.
We're going to create a Florida a file, a component's, a class component, a state component that's
going to do things like this homogeneous.
And so we have Holmdel Chase and we are going to have also what we're going to see after Slate.
Does she have homology?
We have sites very good.
And here are Riham.
We can say react glass riet component's areas, glass experts.
Let us click here and let us remove this export their goods and reactance or ton or inside of a name
t taig.
And here we are going to say for example.
How safe is the airport?
This is the home page that is this is the home page.
This is the homepage.
And so we're going to do the same thing in our.
I mean, here we go, create a repeat function, right?
Function components, export default.
It contains shear by putting in smokers' admin and we're going to return or in in an to take like this.
And drawing a say here, here, we're going to say this is the admin page, like this is the admin page
and we're going to come in our site.
Yes, we're going to cover these different components.
Admin and hum and sites is going to be a stateless component.
We're going to say relax function components like these insights.
We're going to put in small case, the first letter.
And so we are going to call to integrate, to import the admin components in the home components.
So what are you going to say here?
Are we going to say import?
We don't use components.
As you can see, this is the site.
The JS components and the components is in inside of this site further.
And if we want to access the Edmondo, there's components we need to combat from this site folder.
OK, that's means we're going to say import first or import admin like these from ports like this and
put dot dot.
That means we are going to come out from the sites folder and that means we can't access the admin or
sites.
And so we need to import the admin components that I is very good.
And if we want to access in the home, you can you can see the home is in our state for components and
that the psychologist is stateless.
So we must we must face all comes from the site folder.
After that, we are going to come out from the stateless folder and then we can access the states file
folder and and access the home for dinner in order to access the.
So the first thing to do is to come here.
We're going to start imports home from we come at first from the sites folder that dot, dot, dot.
And if we want to come from the stateless for that, we're going to say Dot, dot would like this and
then we can access in the place all stateful and we're going to access the digital components for please.
We have home addresses, US companies for here a hundred years Latisse and here we going to see a home
face for home like this.
And after that we're going to say, I mean, it's very good and this is sites and we're going to take
this site and we're going to include sites in inside of our opto chase.
OK, and here we're going to say this is this is at.
If you want to integrate, to impose a site, don't chase components Regner, say, in parks.
Part sites from.
Like this and component's very simple stateliness gravesides starts chase and hearing us say the site
very good like this, and if we try to back our project, you must see here, this is the homepage and
this is doing the admin page and the next video, we are going to continue we are going to be talking
about the reactor Rohter.