So now before we move into that hurdle, G6 to configure this one piece of information that I'd like
to share with you.
And that is if we just go in this import, react from React, React won't be yelling at us or we won't
be blamed for this because since the introduction of 20 is 60, we are no longer a requirement to import
react from the Act module.
It has already been done to us for us.
So if I just remove this particular statement, it is completely fine.
It app is going to work a function normally.
So we are no longer requirement to create or import react manually.
So let's just move forward and look at the other component that is the head of logistics.
So if we just moved into a head-to-toe G6 now, the first step is to import react from the opened up
component.
So we'll be importing component because this time also we'll be working with a class component, so
we'll be importing bill component from the module.
And now we have imported your component from the Act module and all that a piece of code that we need
in an application is the head of the TSA.
So we'll be putting on notice because that's where this is going to be fetched from.
So just go back one directly and we'll having our head up notices.
So we haven't put it in a test now, it's time to create the application.
So let's just export.
The world class head of.
Which is extending to fewer components.
No, this is a class component.
We will be agenda.
It will be having a render function.
Which is, in turn, is going to have a written statement.
And in this written statement, we are going to have a parent container so we can at any minute are
there, but in this case, I would like to have a header.
Okay, Judy, you and really give the last name of.
And Heather.
And let's just close this now inside this hotel, they are going to have other companies that are going
to be a image by now leaving the source.
Are we adding the sources afterwards?
So let's just give it.
Let's just put the image with an empty string with the source, and we'll give it an alternative name.
Let's just name it empty string.
And that's all I want.
And OK, so here it should be a self-closing image.
Apart from this image, we also want inside this image emerging after this image of emoji.
And will you search text?
And we're going to have another image after image search, and this is going to have the similar configurations
as the previous one, so let's just copy it.
And after the images are pasted again.
Now, as far as source will be high, they will having different sources for these images.
So let me just bring out the source in here.
So when we pasting of passports now.
And again, so this is going to be the same.
But let's just make it a we'll get out of here.
There are two images emoji, search, text and source.
So now we want the height and weight of these images to be around.
I wonder how it would be at least 32, as well as the vets to be at least 30 to.
OK, and we won the same height and weight on the second image.
So this copied and pasted again now hit save.
So we have made our images, so now let's viewer up just 10 pm started.
And once it started, you'll see that Apple didn't compile, but you can see these two warnings, and
that's basically because we have imported our search bar and Animoji users, but we haven't used them
yet.
So just commend them out if you are not comfortable with them and just hit it there.
So our app has been compiled successfully and now we can and we up on this particular URL that is looking
to 2000 as well as on a browsers, or let's just open up our browser.
So here are two images cat with a happy looking face and under happy care.
Get better with this.
Don't even face an emoji search text in between them.
So no, it is not at the place where we want them, as well as the text is not of the desired color
that we want it to be.
So let's just add Texas to it before we do anything else.
So move back into your head to thesis.
OK, so this component will be having a hard headed notice, so let's just move into a.
Headed out to assess Insider Headers folder.
So here is an to assess, just move into it and now will be creating about styles for head of.