Infinite scroll is a common UX pattern used to lazy load large lists of data.
Think twitter, Facebook or other social feeds. In this post we’ll implement infinite-scroll in Vue with the Intersection Observer API. Later we will extend the same to fetch data on upward scroll. (Like Facebook messenger, WhatsApp, chatbots etc), where last items are shown first and user must scroll up to load more data.
Before we begin, let’s recall how scrolling on a page or element works.
We have a list of items and a list container. The ‘list container’s height grows to accommodate the number…
Not understanding the nature of how async code works is a common rookie programmer mistake because our minds can naturally comprehend synchronous/sequential code flow more easily. Using Async/await appears to make it look as through the loop pauses and hence makes it easier to debug.
I will discuss some common use cases where one needs to make async calls inside a loop.
Let's say we have a set of apis that we need to fetch data from and one request does not depend…
Software developer, currently dabbing with front-end, ,trying hard to get started with writing:) works@ facilio. EX Zoho