All language subtitles for 8. List and Pagination

Hey, guys.

In the last lecture we have created here, a component in this lecture will create existentialist component

and also pagination component.

And after that, I promise we are stopping, copying and starting writing the actual hugest code.

Oh, right.

Go to Visual Studio code and opener, that's open, upload view, and let's take a look at that that

played.

There is the last remaining components section starting here and think it's quite long here.

OK, let's create here in you and your file in the components, and let's call it exchange released

or we'll call it just the list.

Yeah.

In this case, that's called Exchange List Exchange X, uh, change list, because the list can be practically

anything exchange listed.

The View OK, and to get here, of course, template, you know what to do.

Right?

So template, open or close?

Go to your upload view.

Get the entire section, a copied copy, and let's just leave here.

Empty comments.

Go to exchange list.

And simply create a space think based it and then it end, and this proposal will select this part here.

Shift stop up.

Perfect.

OK, it looks great.

Let's save it, let's go to upload, view, scroll down and you.

Yeah, well, it's in part it's so import exchange.

Exchange lists from components, components, exchange list of the exchange list, import it and then

use it.

So scroll up here Exchange Dash List.

Close it and lots of comments.

Now here's everything nicely together.

OK.

How about also we can copy over is the last remaining stylings of the post and a post type letters copied

copy or email go to your exchange list and their template creative style shall be scoped and the language

will be a success.

And let's get these two remaining styles.

Now, let's say it back to browser refresh and everything looks great.

Now the pagination OK, last remaining component new file pagination pagination.

Dot View OK.

Let's go to our template, what be the repetition?

Abdul The View?

And it get here enough.

Here is a pagination copy I remove.

Go to pagination to view.

Insert it.

And let's end to the left side.

OK.

Let's import your pagination, import exchange, pagination from components, pagination, and let's

go here next to each pagination and import component, and let's provide your exchange pagination.

OK, so now from previously the huge template, but you could see here for, I don't know, hundreds

lines we had here and only the entire file has only 31 lines and have been.

I need to add that I want to add just on file or I want to take a look on the specific part of my page.

I can just go to the file.

So if I want to change something.

No, I know.

But it resides in the components and I can change the parts related to dive bar and so on.

If I want to change something related to the pagination, I will go to the pagination and also related

to JavaScript functionality that will be encapsulated in this file.

But remember, in the end, everything is taken together and mounted in the up.

All right, guys, I'll close all of this files here in the folders.

And one more time verify that everything looks great for you and will continue in the next lecture.

Copying part is over.

Oof, and we can go on to the next one.

Here's.