Youtor
Building a Reusable Pagination Component in VueJS
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=M033S_-uHkQ
In this course, we'll be building a reusable Pagination Component. • It will let the user • select the number of results per page, • navigate to pages both directly and with 'next' and 'previous' buttons, and • track their queries between page reloads via query params. • It's reusable, and can work with data-sets that are paginated at the API level (like GitHub's API) or need to be split at the app level (like the Courses API). • In the next course, we'll be making it customizable via slots. • This is available as a course on VueScreencasts.com: https://www.vuescreencasts.com/course... • TimeStamps • 0:00 Start • 3:00 Pagination Bar Mockup • 8:44 Pagination within GitHub’s API • 14:41 Displaying the Correct Number of Pages • 19:52 Active and Disabled States • 23:40 Query Params - Saving Page Numbers • 29:07 Multiple Query Params • 35:37 Changing # of Results per Page • 44:25 Using Pagination with Preloaded Data • 50:18 Conclusion and Preview • GitHub Branch: https://www.github.com/jeffreybiles/a... • **Find me online** • Twitter: / jeffreybiles • Website: https://www.jeffreybiles.com
#############################
