Pagination Bar Mockup - VueScreencasts

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:38 | Published on 2/27/2020 |
|

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.

What do others think of VueScreencasts?

"Thank you! Really digging your videos!"

—Lars Sørensen

"Thank You :)"

—xof

"Thanks for this series! Very helpful and good to follow."

—Raúl Wallaart

"Great idea man, look forward to follow along."

—Manuel Diera