The now what we'll do is we'll import some important things and then grab this whatever we are retaining
in their just inside that rotor.
So if you are using React algorithms, it's really, really important for us to do that.
Pavilion Court.
Does that how?
As I told them, William Code Switch.
Then William put out.
From.
The airport, but I don't think that's what he thought.
I've been called that's why my voice isn't on good.
Now you've done it next.
We'll know this, everything would be returning.
That is.
But I'll.
Ralston, basically.
Not like this.
Is this what we'll do is we'll now provide.
Whatever the component, which we want to render so statically, Nevada would be there because.
So you taught important for us and everybody will be there on the top, no matter on which page you
are.
So that's why there will be no switch cases and there will be no other things because in everybody's
apartment, everything OK.
So that's why Nevada ought to be dead.
Let me save it.
Yeah.
So next we go to the left, but let me minimize this terminal and let us go to the airport and know
what we'll do is we have already like imported the link from reactant ribbon and know what I've done
is that I have wrapped this H3 inside this link and.
And given its location over there, whenever I click on the stage three.
So where it would redirect me, where it would take me or that would take me to the home page, slash
means forward slash means the home page.
That is what we have done.
Let us check everything in the browser.
So you can see I have caught my Nevada and I've got this what what I typed inside each one.
But it is three and whenever I bring my pointer, two words to it so that I can search in this two pointer.
So that means there's a link.
And I know when I click it, it will take me to the homepage.
But right now we are already at the homepage, so that is no problem for it.
So that is what this is all about.
Next will create some more things ahead.
Like about Page and the link to home page and all.
So that will be creating next.
The next two will create about component and will import that inside on there, but from here we'll
we have we'll be giving a link to redirect or go to that about page.
What we'll do is we'll create.
Folder here inside the folder name would be pages.
Inside the pages, there would be.
Component, and that would be about some outrageous and using our.
Trick or using that extension, William Porter, boilerplate code for what we'll do is we'll press control
and we'll see a snippet first and then we spot AFC.
And this would give me the boilerplate code.
And for as of now in just straight about Beijing, it.
About.
Fish and chips, David, and.
Let me know.
Go ahead.
Provide a link to it inside this border, this or after this, think what we'll do is we'll create an
unordered list.
And inside that unordered list, that would be.
You items.
So first of all, there would be this element and start this, there would be a link now.
Link inside the slide, that would be a link.
This link.
But.
But it we are to.
Like where you want to do that?
So that will be to the homepage, less miss the home page.
OK.
It will ride the home.
After this, we'll create another list.
Won't be this.
They faced a tough but of that and here will provide about.
About an hour of fight about.
And right about or about us or that, like whatever you do, it's just a string, no, there's no problem.
So let me just save it and let letters go to our borders and hear all what we'll do is we'll provide
the location to date about.
So for that, we need to add a sweet statement inside that switch.
There will be a real gift.
And so it means like we want to be like among the components and here at the snack bar, we are not
switching.
This is a static thing, but will be there on every single bit.
So here will light switch.
Which?
Well, fight not closed.
Okay.
Inside the switch, it will create a crowd.
Now and then we'll provide the part to it, so we'll write exact path, and the exact path would be
the homepage.
So first of all, we're creating it for the home page and inside this rollout will provide like the
component quality component, so.
We have not yet created the home component, so that will copy here.
As of now, does this amount it?
After this.
Next, we'll import our about page here for what we'll do is we'll, first of all, import about page
from here.
So we'll try to import statement import about from.
And then the location of that particular component, wherever it is residing.
So I will go back and inside that about pages inside the pages folder through the pages and will write
about you don't need to write the tortillas here about woodwork.
OK, so.
Inside the Swiss statement, what we'll do is we'll create a a different rout and that will be road
exact.
You don't need to provide exact now because this was this was this once was for the home page.
Like whenever we type something and pledge and additional articles to home pages, anyway, this would
be the exact homepage splash like no alphabets and on 11, just like but.
And so this there will be.
About.
Vargas, I don't know why it's not our closing this.
You should, but.
Who started out closed this and how to feel right, our component.
So we are importing about component here, so we'll just write about about.
Yet let me just see it.
And when services are still running and when I go back to the browser and I check it so you can see
that is an about button and it will take us to about page here.
It is written about page and there isn't a home page that takes us to the homepage.
Basically, this is this was about this.
Let us give us some styling to it and then we'll move on to the next component or.
I think it was more visible, I'm really sorry.
Yeah.
This looks like this.
OK, so this is the home page and takes us to the home like home page local laws.
And this is for the About.com parents.
When I click it, you can see that you are doing this to slash about, and the components are loads
that are about this.
And when I click on the home again, it takes us to the home and this is also working as a home only
if I click here.
This will also take us to the home page.
Salt Lake food are doing their job already very properly.
And next, what we lose will provide some styling to the to this.
So let's go back what happens?
Sometimes the skin gets dark, and I realized that all this clean stuff, so I need to repeat it again.
But don't worry when I want something like that case happen.
So I usually explain everything again.
I repeat everything again.
OK, now inside the water tortillas will provide some glasses to it so that we get the proper styling
to turn over and start as we have already given the styling of the nerve center and.
Who the unordered list will give up last name often have links.
Lastly, who?
Links.
So I think that they should do our work because I've already created all the systems inside this index
Nazi and so that already pasted studied because you can see how big the success is.
And if I if they start writing the CSIS, that would take forever.
That's why I'm not like focused more than the CSIS, but on the core concepts of very reluctant, yes,
that is what we have done now.
Let us see if that changes take place or not.
And you can see on home and about style properly, and they look like better than before.
So successfully, we have completed on board and and everybody looks at exactly how it used to be in
our demo project, you can see this is our demo project, like which I enlisted it inside the introduction
video, but this is what we are going to create.
So you can see the narrowbodies is exactly the same and spelling is right.
And so the thing is, well, fact, let's go to the cold, and now what we'll do next is we'll create
another component and for that, a see in the next video.