Build a Vue INFINITE SCROLLING Component

If you've ever caught yourself on social media for way too long, chances are the site you were on was using an infinite scrolling component.

An infinite scrolling component is when new content is loaded as the user scrolls down the page as opposed to separating it out into multiple pages.

They are highly effective for specific types of content such as user-generated content.

In this video, we'll build a quick Vue infinite scrolling component using template refs, event listeners, and mock data calls.

If you have any questions, leave them in the comments!

FULL ARTICLE W/ CODE
https://learnvue.co/2020/09/a-quick-v...

PROS AND CONS OF INFINITE SCROLLING ARTICLE
https://uxplanet.org/ux-infinite-scro...

FREE VUE 3 CHEATSHEET WITH ESSENTIAL CODE SNIPPETS
https://learnvue.co/vue-3-essentials-...

follow me on twitter:

  / mattmaribojoc  


🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - https://go.learnvue.co/vueschool

INTRO
Daily (Prod. by Lukrembo)

CHAPTERS
0:00 Introduction
0:38 Pros and Cons of Infinite Scrolling
1:21 Vue Infinite Scrolling Component Diagram
1:37 Mocking API Calls
2:05 Making Post.vue
2:29 Making ListComponent.vue
03:22 Adding Infinite Scrolling
4:27 Final Demo