Original subtitles

Hello, welcome back, Becky, then your lecture the previous one.

May I finish the implementation of Star Icona in this lecture, I'll start talking about the concept

of multiple pages and the holding.

OK, so what we are going to do is to create more pages, as you can see in enough, but we have links

to about page if you page log in page and register page.

But we don't have these pages, so let's get it back to our code and let's create these pages.

OK, I can close everything here, close everything, all right, and then we'll take a look what we

currently have.

I view that component is currently responsible to render out everything exchange of about exchange hero

exchange list acted pagination.

So all these components will be part also of other pages.

Some of them will be not, but are able to view is not our page.

Apple TV is currently as a component that we are displaying in our.

We are entering everything, but we have through the main DOGE's in the up conceptually.

We don't we are not thinking about this as a page.

So what I'm going to create will be Pages folder, but that are basically everything that I have here.

I will import into these pages folder that I will create my home page because that's what we are displaying.

Here will be my home page.

OK.

So sorry for that, we are going to create a new folder and they are going to create we are going to

create Pages folder.

Badges for all their lives in the Pages folder, I believe create our pages.

OK, so in our pages, I will create in your file and first page will be home page.

So we'll call it home dot view.

OK.

Let's go to Apple Dhabi.

Everything, so control a selected copy, and let's go to home to the view and base it here is exactly

the same component with everything will be had.

The name of this will be need to specify the names.

We can remove it.

And apart of that, it's the exact same component.

But now we have problem because that update view is the same, that the first thing.

So we are going to clean it up.

Let's clean the entire template, create a template, clean all of the imports, just leave empty,

scraped or actually, let's leave it as an empty export the folder name.

OK, so just remove everything here.

Like this, or does an empty export default, let's remove all of the imports here and this Dowling's,

by the way, guys, this all state.

This applies overall to all of my components.

So upload, we will be responsible for displaying all of the styling here.

OK, so just leave it like this empty template you could just brought here deep.

So it is not complaining about anything like this.

If you're.

OK.

Let's go to you for a second.

As you can see, we are specifying two styles here, so there is no reason in a home video to display

the styling, so scroll down.

And remember with.

OK, perfect.

So we have a home to view, but is this playing only home related components and we have an empty Abdul

The View?

So what we need to do now, we need to import here a home to the view page and we need to provide it

here into the template and we need to register it into the component.

All right.

So in our script, let's name Paul here home page.

And that's what the import import home page from Korea and upload views.

So we are going to the dots to the pages for their and import their home value components, components

and the largest error here so we can use it home page.

OK, I will be right here in a difficult can.

Home page can be set up close like it is perfect, so our viewers responsible for displaying home page

go back to home and I would like to verify also if the imports here are correct.

You can see the import data.

The Exchange Bar Exchange Euro exchange rates are not correct now because currently the owner page is

full there.

So being able to navigate from the components folder from this one, we need to provide here.

Dot Dot Dot Dot Slash means we would like to go outside of the folder.

OK.

So whenever I think it's light, I mean, I want to go outside of the Pages folder, then I want to

go to the Components folder and I want to import particular file.

OK, now it should be fine and you will save it.

Now, I think first of all, I guess before we could just move to one component to another.

And now we are just referencing it here in our Abdal view, in our home page.

OK, let's save it.

Let's refresh, and as you can see, everything is working again, a console, no issues at all here.

Perfect.

OK, now let's try to create multiple pages, the creative pages for basically for everything.

We will create a pages for thank you for a login for register and that it will be very simple pages,

guys.

It will be not anything difficult, just simply empty template.

OK, so let's do it.

Go to your file here and we'll create all of the other pages so we have here in your file.

And it will create about, though the view that you have a fake you page on your file, fake, you know,

the view.

And then we have a login page and registers a new file.

It will be a log in dot view, and then we will have a new page and it will be a register dot view as

a template for now, just start in about what value template like this template template ending tag

and it'll be just a diff with the class of the container.

So the project class will be contained there and it will display in the class.

I am about Page Ellacott template and I will get it to all of my other pages, so we'll go to fake your

pasted here.

Alright, here I am, fake you.

Although I have to go to the home homepage only to hand handle log in.

I am a log in Page Elago to register or paste it here.

Over there I am a registered page.

So, guys, now we have all of this pages, right, so he can go to a couple of you.

And the thing is when we need to when you want to display them, we just simply need to get rid of the

home page and we need to just simply had to go to your particular page you would like to import.

That's not a good solution, but let's try it out so we can see at least of the earliest and a lot of

pages.

So, for example, let's try our fake you page.

I will import here if you page from pages.

From the fake, you already started here in the components of coma here, and let's right here.

If a Q page.

And simply provided here effective.

But now I'm just playing the two pages at the same time, and that's not good.

I will go back here.

I will have here.

I don't even know.

Here is my about page.

You can sit down here if I you.

Actually, it would be.

Actually, I think Hubert doesn't really matter.

The important part of that is played.

So what is the problem now is that the out of the gate really handling and the routing homepage should

be displayed whenever they are in their home.

You are also just on edge http localhost eight thousand eighty, which will display home page and whenever

I am on the hour, coming to Dallas for a second and also this and this, and whenever I am on the locals,

it doesn't air these fake.

You'll fake you page.

OK, so there should be some conditional functionality, and we'll be checking for us, all of you.

You are all of you are currently on and depending on the URL display, either home page or display.

Thank you page, right?

So basically depending on the routing.

OK, so if you have a localhost eight thousand area, because by the ending eight out, we have an eight

out.

8000 A.D. and slash and empty slash will display.

Homepage.

Well, we are on the slash.

I think you saw basically the same thing the.

Slash.

If they kill, then we are going to.

AFAIK, your page and we are going to aid the 80s less about now we are going to about page.

So there should be some conditional.

They will be checking our URLs, and depending on the URLs, they will be providing the correct component.

In this case, if a Cuban.

Right.

And you're going to be handling this manually, guys by ourselves with too much work, well, they are

going to use we will use the already established package for it.

So please, now let's review the changes as you had them.

Does this play your home page?

Let's remember that if a cure was removed from here, just leave here.

Empty home page, somebody will go to your page.

Now the application you are displaying, your home doesn't matter on you at all.

Currently, you are all in an executor.

You will include this package and we'll handle it here.

Normal routing So I have to see that a guys cheers.