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
Pagination Bar Mockup

We're going to start by creating a basic mockup of a Pagination Bar.

In the next video, we're going to hydrate it with data from the GitHub API.

Here's the GitHub Repo

What do others think of VueScreencasts?
"Thanks Jeffrey, great lessons with so much content and new concepts! Can't wait for the next ones."
—Bairre G
"Great video && Project Jeffrey!! Thank you a lot :)"
—אלכסיי לוינזון
"I am happy to find your video, really amazing. I am excited to hear from you the next one. Thanks a lot."
—Azri Ridha
"Thank you for the lesson. I could not solve the problem with middleware in any way, but now everything fell into place."
—Адам Янг
Take your career to the next level