To create a component we need to create a new file the S in conversion.
We need to use Campbell case for the component.
So we create a new file and cut both the S and inside this file.
We can type our EFC and pass tab every year automatically create the rest of the COPE.
Here we used to.
Yes.
7 extension which is you can find here.
It is very convenient just to type the code by using just a few words.
So if you have one in this boy piece install it here.
Since we will also use the S S IN OUR CODE component so we have to copy this one and paste it here.
Also these names a be in capital letter.
The first letter because otherwise you can do all new stuff.
We hope because that we add cannot recognize this is the component.
Now we can copy the j as X that we want that to be the component so we paste it here.
Now we came back to the app today ass and delete all the rest of the code.
We need to use a component so we have to import top from the top.
We do not need to add a party s if we want to use the component.
We just need to type card and code to attack.
Now you kind of see the component of red displayed here.
So if we want to make free card we just need to duplicate
and now you can see there are four cars here.
So as you can see this is a much cleaner than before.
It already showed this is maintainable and also be usable.
But now you can see all v cars are the same.
So if you want to conflict the component you need to know about props which we will learn in the later
chapters.