Back in his car and hearing the they filtered a component, we have succeeded in altering templates
in our researches, projects are our shopping carts reactivates project.
You can see we've all in one page, which is dodgiest.
So we are going to segment.
We are going two segments of this complex in several components, OK, about the richest nation, so
we have to use components in order to.
In order to cover a specific component, if necessary, because and every time we are using a receipt,
a rep cites our application like and we don't need, for example, to add freezing personal things to
cards.
And if you want, for example, to add something to cut by clicking on this button and the specific
elements is the first thing is this vehicle, by clicking here it is a component's by clicking here.
And you were going to reload all this page, but you are going to reset all of these components and
there you are going to add something to cut.
And the reaction will be between the components here.
And you're a Cox elements, which is going to be added in your cart without reloading all the pages.
So this is the importance, all the components.
And here we are going to segment this application in different components.
And the duchess is going to be the parent components of all these same, uh, elements, OK, because
we have already created the components for our navigation bar.
So we are going to trickle now in this part.
And here for this moment, we are going to be creating the a filter component here.
And let us make certain these templates in this image you can see here, the first thing is the navigation
bar.
And the second thing is doing homology is homologous components.
And instead of a homogeneous components, we have several components.
And we have also we have the subcomponents and they are our subcomponents.
Is also Ottery, some subcomponents?
It is moments.
We have theater and we are going to create a subcomponents of array homology, which is filter.
We are going to create in all the components, which is filter and integrate the filter instead of a
notice.
And after that we have also the vehicles in plural components and inside of the cars, the components
we have the vehicle in singular, which is included in vehicles, plural, because having the very core
components is anes by having several, they call several singular.
They instead of ovei cause components.
OK, because our vehicle components is composites by they call a singular reason why we have first brought
the component, the vehicle components in plural and inside of array.
They call the components we have is singular.
They call components you can see and inside of our vehicles, which is singular, we have a component
which is based on add to CART and we have press.
And in our case we are going to leave press like this by default.
But if you want to create another component for your glad for it for the price you can create, so it
then it doesn't make a problem.
And we have also the car components.
We have also the buttons here order and also the foam.
And we have also divided eights and divided components.
And the importance of using components is you can reuse a components other and also a kit.
And by making or soyo components dynamic.
I give an example, for example, with our Ribot's on here, we are going to be creating a one components
and we're to name these components Baton, and we are going to call these components everywhere, OK,
if necessary.
But we are going to make this button, these component parts and components dynamic.
That means if this button is it is if the button component is inside of our vehicle components, it
will take a D tests add to cart and this tire is going to be a success.
And if we call these components in our carts, we are going to have these cross-line here.
And in order to delete, to remove our elements from cart and the style is going to be dangerous.
And then we are going to make the only one component, which is which is about re going to make these
components dynamic instead of using several parts.
But we're going to use only one components.
And this is also the importance of using components.
You can.
You use a one component's over and over again instead of using the same button in your project for assault,
the first thing we're going to try is to to create a components for our future source readers or revisions
to your codes.
And we have already created a component here.
I have already created a forest, which is a filter instead of a stateless for it.
So let us click on it.
Click on the chest.
It is a state less components.
And here we go.
Say, let us let us remove these comments.
It is not important because we have already the comments in our home, the chase, so we are going to
take all codes of our filter away from the chase, answering incapacitates in our filter NHS.
So it does come here.
We have started a theatre, so let us Garibaldi's from this row.
They does all this OK, and so we get up and ains in our tent off their slaters grap.
Leaders xrayed.
And let us come in already filter the chase components, so let us make something that has come in our
filter chess here, we are going to put you can remove this, you can remove this or three card, this
empty tag, because we have the raw is a parent's element which returns already.
And this is called you can remove this empty take.
You are going to get error.
So let us take all this.
You know Krylov.
The records have started back, right?
So if we tried to make your record, please.
Ladies, lords, so we're going to get er.
She was going to get some probably Aretakis that disappearance let us make first here in our filter
test, you're going to see we do not have we do not say we didn't import and they wrote OK, they from
Reetta Bouchra, OK, if we trace, for example, imports big cheeriness moments, no error.
If we tried to back away from the chase and let us try to import our filter Lutece components.
And we're going to come here, the first thing we are going to do is to just put this after the image,
we're going to say import.
In the future, so the first letter, always in Oprey case from Israel went to say, like this, we
hear home.
And Hamdard says.
Here at home, the chase.
And future.
We must first heard comments from.
Yes, home.
We are here on the chase like we want to import filtered watches, so the first thing we need to do
is to commute from home and states in order to access in the states.
And then we can access different slush.
We can suheir here for and state less taxes, less debt, less.
Let us come here.
Uh.
We have state race conscious space, like we have filter and let us come here instead of our filter.
We have filter chase.
Traits like this, and you can see the theater address is important and you can see directly we're going
to get here and you can see in our future the chase we have in line six in Lance's column, a 40 14
we have is not the fun.
So let us back in after the chase.
And or is not defending the land sticks, and so we are going to import or we're going to say import
raw lettuce from reacts bouchra and slash Véro.
That is OK and let us see.
The first error is the.
There's.
The first error is not is gone, I can't disappear, it ends, we have our tails.
I can't because we have a field to chase.
So we need to take also the tires, which is here.
Where is this tires?
We have yes, Hamdard Modulus CCIS.
We can't we have Stiers and then we are going to create or so we are going to import also these glossier
are we going to say imports stires from Latisse in Stiers from that has Compuware.
He gave.
Which is the enemy we're going to aid?
They four is sort of stateful in home.
Towards peace home and here, his home notes much thought cyesis OK, and they're here, so.
And we're going to edit the same thing for the column.
OK.
Leaders, aides, and so are you going to see here call?
Because we are using react, bouchra, OK, future is definite, but never use it in our Holmdel, and
if we try to make sure not Eera Sarine to imports outrate to integrate our components instead of oring
applications.
So let us make in array hamdard chase.
We have already created we have already imported the filter components and we now say.
But these fits are OK.
US.
But our goods and let us right to back here.
OK, very good.
Can't say we have succeeded in our theater, a component of a religious obligation, and we're going
to continue in the next video and we are going to be talking about these components of a course in Plouhar.