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?

"Great work man."

—The Nerdy Dev

"Your series has really helped... even for seasoned developers!"

—D Durham

"Short, precise, step-by-step, beginner-friendly and clear."

—Naty Java

"Awesome!!"

—Mohamad Nasir

Take your career to the next level