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
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