Using Pagination with Preloaded Data

Intro + Preview for the Pagination Component

2:59

Pagination Bar Mockup

5:38

Pagination within GitHub's API

5:55

Calculating and Displaying the Correct Number of Pages

5:06

Active and Disabled States - Styling and Guardrails to Help the User

3:43

Query Params - Saving Page Number

5:21

Multiple Query Params

6:24

Changing # of Results Per Page

8:43

Using Pagination with Preloaded Data

5:47

Conclusion

1:36

0% done with Advanced Components: Building a Reusable Pagination Component

5:47 | Published on 2/27/2020 |
|

Chapter 4 of 5 in Advanced Components: Slots

Using Pagination with Preloaded Data

Up to now, this course has focused on using the Pagination Component to present a nice UI and spit out two numbers -- pageNumber and itemsPerPage.

This lesson shows how just a few lines of code will let the component take in a list of preloaded items and give back a paginated segment of that list.

What do others think of VueScreencasts?

"Your series has really helped... even for seasoned developers!"

—D Durham

"very nice tips man, appreciate it 💯👏"

—shaun lora

"Damn it's good content. I am happy that I found VueScreencasts."

—Shamim Hossain

"Great tips great video thanks"

—Happyoe

Take your career to the next level