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?

"thank you man, great videos"

—BaWaR

"Thank you, it is very interesting."

—Chris LR

"Great vídeo and an interesting approach"

—joão Petinga

"Great video as always, I really like the idea of basing the video in terms of features, as someone only looking to learn particular feature can get benefits from the video. Also, I really like you going through what we have done in the video at the end, it really helps in better understanding."

—Paurakh Sharma Humagain

Take your career to the next level