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?

"You deserve more views and subs man"

—Jijin Jayakumar

"I like the way you explain and teach, also your enunciation is incredible for us 'non native' english persons, everything is so enjoyable... Thank you for putting so much effort and time into making this video knowledge."

—@awa_it_

"Thank you very much!!!!!!!"

—Idriss Jouid

"You're a blessing my dude. Thank you so much for this!"

—elmo

Take your career to the next level