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

Chapter 4 of 5 in Advanced Components: Slots
Calculating and Displaying the Correct Number of Pages

Hardcoding 10 pages, like we've been doing, won't usually work.

Therefore, in this lesson, we're going to use the number of public repos in an organization to calculate the number of pages that we should show.

What do others think of VueScreencasts?
"Nice job."
—Bucur Ion Niculae
"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
"Great video && Project Jeffrey!! Thank you a lot :)"
—אלכסיי לוינזון
"Great video as always!"
—אלכסיי לוינזון
Take your career to the next level