The last video we saw how to work this with the reactor dome that we installed, hoping for the company
to produce this using literature of their relevance, which is not an audience which, as you can see,
we're importing it over here and exporting.
It's by for now.
Well, considering what what props up the gear, you can see component is going to scan something,
right?
So props are basically.
For example, Considérer react sorry or definitely an element like, for example, will consider it
one.
OK, liquid image deck image.
August.
You didn't get it.
Yep.
So here in Sadie Mitchell, why did we get better?
Because inside this return, we should have only one division.
So since this is all, there is a division of this law very clearly Madoff, the additional debt, that
means this is a new element.
So there should be only one element that can do that.
So we are getting at it.
So everything that you want to do, you have to like start with the division, a big decision.
And then in the division, you can do whatever you want.
Since the reactor will only return, only one element.
So if you type an image, you're reading something like source and alternative, right?
So these are basically attributes of the HDMI that image.
So a lot of these activities, so these are basically the activities that are given by the original
who created the HDMI things and everything, right?
Those are the colors, attributes.
So we are sending some of our list here that will be used by this element.
Similarly, this all listings in green color, other HDR elements that are created by the user by some
third party user so that through their connect components, they are the equipment individually but
customized tags or elements that have to be edited by the users.
But creating the React projects based on their needs.
That's what they're called components and the attributes that are used in the component chocolate props.
So here we can generally and this kind of stuff, maybe one percent JavaScript object.
Also, we can send using them curly braces.
So this is what the props means.
So you can see component is the name of the props and representing.
Sending some value for this value we are using is because this is a JavaScript object.
But basically, we are importing some function here.
The skills is a function from that.
If you can see here in the content the components inside skins.
This gives it a function right in exporting this function so that if a JavaScript function, that's
why we're using this Stanlib basis.
If you want to send only some text, then you will be using a quotation quotation mark double quotes.
But since you're training a JavaScript opportunities in calibrated retention, what we actually need
is somebody that we are rendering this component.
If you go to homebodies, you can see here.
Yeah.
So, yeah, so we're getting this components.
OK.
We now understand what props are, what we are doing here.
Initially, we want to render the home page with using the wall component.
So we see what does one component contains.
So go to this home.
That is basically we are importing react and component on our profile.
Reports confirm we're importing all and everything like all the components, because this is the one
page you want all the components to be rendered.
So what we are doing, but creating a default class will make sense component so that this can be functional.
So there's no problem.
We are getting it and we are returning it.
So what?
We are returning, we are returning a section that contains and now but now what is a component again?
Well, because what does this now work on?
Our component has been discussed in the upcoming videos, but we'll focus on this one and bring another
component.
So this is giving this number closer to the debugger tool called double page design.
If you click on this, you can see all the divisions on the all the contents in the double page in the
form of rectangles.
OK, so that this tool will be useful for styling and everything.
So once you are importing this, you know this now by this, we are importing A..
Now we're creating a division with glass and content.
And then our division low profile about can, so basically we'll have our eye level knowledge of what
we are doing.
This is simple hedged in its denial of its dividends, years of creating divisions.
So using class names and everything since you are this is a reactor project, we will not are not discussing
more about these divisions and styling properties.
OK?
This.
So basically, this division container, what does this division contain and means?
What does distribution division rule means?
This is you can you see using the bootstrap documentation?
OK.
So Romans, basically we are creating a row in which there are two columns, one is water and one is
medium smart small development.
It will pick a one by 12 top to hold it all in my medium.
Nine means it will take one ninth of the rule.
Like that.
The profile about skins, if you can see it profile is taking some part of the rope.
And then this approach skills, experience, education and everything is taking the other part of the
rope.
So this is what this division will do this.
This is basically comes with practice.
You can understand that.
But what you have to understand this, we are basically rendering the competency all the components
that we created, all the components we created.
We are importing it and then we are using it.
OK, so this is what home contents.
So now in this video, we saw what drops means like basically there's the attribute on the custom,
which generally means that we are operating.
OK.
And how we are sending it to the bottom level, the children level.
And then we are using those home and we are rendering the on the component storm branches.
So now, OK, profile boards, skills, explain all this component of that.
But what?
What is actually inside that like how to implement this walks like you are getting all this stuff and
everything.
Each company will discuss about each and every component, how the code is running into the components
from the next video.
Thank you.