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?

"Thanks so much! Helped a lot."

—BoIoko

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

—Idriss Jouid

"This was EXACTLY what I needed. Informative and succinct. Thank you for taking the time to do this."

—Zara Kayn

"Great video."

—Sanjay Gyawali