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
Intro + Preview for the Pagination Component

This video covers what we'll be building, who this course is for, and how to get started - whether this is your first course here, or you've been following along with this series.

If you've been following along, make sure to check out the updated GitHub Auth and the updated debouncing function.

For newcomers, start with the pagination-start branch on the Github repo.

What do others think of VueScreencasts?
"Thanks so much! Helped a lot."
—BoIoko
"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 channel."
—The Nerdy Dev
"Thank you. Even after having seen many tutorials, I keep learning a lot from you. You teach well!"
—Lars Sørensen
Take your career to the next level