All language subtitles for 3. Page reusability

Hello, guys in Dallas Electro, we have initialized around a plug in in this lecture a be improving

our pages.

Let's begin.

And the first problem is when we go to some particular page, you can also click here on the link together

to link to the correct correct page.

So about, for example, I'm about page.

They are not display here.

No.

So some functionality needs to be shared amongst the pages.

Let's take a look.

Two are able to you, and you can see that our view is this playing the specific component specific

page depending on the path in the URL.

So if you are if I am in the home, you can imagine everything from the home here.

How view this enter template here?

Basically, we are going to look at eight thousand eighty.

This will get here.

OK.

And it's the same way that all of the other pages of a name on a fake you'd rather have, you will be

just this.

You can see this part doesn't contain the stuff about all of these things.

So what do they need to do in their view is I simply provide the shirt functionality in our view and

their out, their view will be the content of the page.

So for example.

Let's go to one viewer, and we'd like to share the exchange here, an exchange now, let's say.

So I will simply get these components grovel, copy them, and I will remove them from here.

So part of my home page will be on the exchanges and exchange pagination.

And in Abdo view, I will define exchange not about an exchange here.

OK, now we'll get you a couple of issues because in the Hamdard view, we don't have no exchange now,

but I exchanged Procellarum of it from here.

I will copy these two lines of a lot of them copy them only.

How will you move them now?

I go to ablative, you and I will import two components I have just removed exchange number.

OK, but a it is not correct to them because now we are in Abu Dhabi, also failing to provide a dot

slush components and that special component because we are not same the same folder as the components

folder.

And there are components and there is two components extension of an exchange here and as we had them

before here, the other you have, I have it here.

OK, we can pass this data.

OK, now we don't have here the brand names.

We don't have the menu item.

So that's another problem.

Currently, we now have this.

So go place to your home view and now you can extract the entire, not the entire data, but as the

menu items and the brand name.

OK, so let's copy these two things, but then the menu items and leave out to the homepage only exchanges.

In the upload view, specified the data here, data function that will return this.

OK, guys, now let's recap it delayed now, Abdul, the view is this is responsible for this playing

out of your component, which is the component depending on the current path in the early.

So let's recapitulate now the Navy will go to the, let's say, look, a whole state of the empty slash,

and there our view will be everything what we have here.

So this interactive here, Chris, you can imagine this place will be replaced and you can imagine does

this the same structure as we had before?

In the case of the homepage, the display extension of barter exchange hero, the exchange list and

extras pagination.

OK, now let's see.

Example, then we'll go for it for, let's say, to the about Page seven, I will go to this about the

hour of you will be the content of my airboat.

So I'll go to the about this entire template.

Leave here to go to the public view and the other view will be replaced with this.

OK.

But you can see now the part of the ballot will be the same exchange number and also exchange here.

And then it will be content I'm about page.

So it so that's how you define the common functionality.

What is common for every page will be there in Abdul's view and the and the part that is the specific

for a page.

Is there any there out there?

Are there of you?

OK.

And that our view is there your components and now it can have all of your components can be specialized

only for the things that they have to do.

Part of the home patch is just a display existentialist and pagination, for example.

So, guys, let's say it was verified and either go to a browser here and you can see I'm on about page

and on this plane here I am about page, OK?

And I have a part of the number is here so I can go to home about a fake.

You can see it's changing down here, log in, register and all of this is working.

OK.

It's working amazingly.

OK, maybe we want to change it.

Maybe we don't want to be search bar and the hero, the part of every page is a little bit annoying.

I think it should be because a part of the home page.

So they are going to return some things, and we will we will find out some issues.

Go back to your coat, and I decided in the end that my extension here will be not the part of all of

my pages extended here will be part only of my homepage.

So remove it from Abdul to Viola's remove the exchange hero.

Go to your home world view.

And it's basically then he goes before.

So let's face it here, extranjero.

OK, now we need to, of course, get it from here to import exchange here, I will copy to remove it

from here.

I'll go back to home bill and I will import it here.

Now again, we need to change the path which should be built on components, and I will get it to the

components as it was before, because no accident here is only part of my exchange of my home view.

I will go to the other view of this and I will save it.

Perfect.

Now, let's go back to browser, go to your home page and you can see how everything is working nice,

it is playing hero everything as before, but never go to about page.

Then about suddenly disappeared.

And about about pages here.

You are not partisan, disappeared by the stylings of your bar are adjusted to the fact that the hero

component is behind it.

And since then, I've gotten the a white order and you have a white background on your page, you are

not seeing this component, but they are here and you will select them.

You can see they are here.

So that you can see the issue here on their home page, everything looks nice on their other pages,

it doesn't because the standings of the numbers are not adjusted to the other pages.

They have simply white the color of the text.

So, guys, if you'll continue with this in the next lecture and I will show you how you can use zero

elder plug in to determine mind on what page you are and conditionally change the stylings of the old

butter by the go ahead to the next lecture you.

This is actually that's actually intended behavior, so I'll see you in the next lecture.

Yes.