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?

"Man, this is a nice video, thank you."

—Esteban Cordoba

"Dude, it's an excellent video. Soothing voice, extensive and crystal clear explanations, troubleshooting common issues... You do it and you do it well. Keep up the good work & congratulations :-) Subscribed without the slightest hesitation"

—BillyBobBonnet

"Man, this is a nice video, thank you."

—Esteban Cordoba

"Thank you, it is very interesting."

—Chris LR

Take your career to the next level