Jul 12, 2025 · 9 min read · If you’re looking to develop a SaaS app with a chat interface, then I 100% stand by Makerkit. It’s easily saved me weeks worth of dev time by now. The best part? It’s opinionated, so you can waste less time planning and more time actually building. B...
Join discussion
Nov 27, 2023 · 11 min read · In JavaScript, tracking the visibility and intersection of an element on a webpage relative to another element has always been challenging. Traditional methods used to monitor the visibility of elements on a page become resource-intensive when a webp...
Join discussion
Oct 23, 2023 · 9 min read · Have you ever wondered how social media applications like TikTok, Instagram, or Twitter detect a particular video post that is in the viewport, autoplay it, and then stop it immediately after it goes out of view? In this article, I will explain how I...
Join discussion
Oct 14, 2023 · 4 min read · This article is about using the Intersection Observer API to enhance the visual experience of web applications. We will see the usage of this API in both HTML/CSS projects and React applications. What is Intersection Observer API? (with a working exa...
Join discussion
Jul 30, 2023 · 11 min read · You must have visited websites whose navigation becomes fixed on scrolling down to other pages, making it possible to navigate the website. If you observed, most of them have no background on the homepage but automatically get one or some slight chan...
Join discussion
May 23, 2023 · 11 min read · Introduction There are different reasons to perform some functionalities or animation effects when a user scrolls on a web page. Examples of this could be to toggle a class, to conditionally render different components based on scroll or a certain el...
Join discussion
Apr 25, 2023 · 3 min read · Ever felt the need to lazy-load images, implement infinite scrolling, and decide whether or not to perform an animation based on what the user will view? Intersection Observer API provides us with a way to do all this. To understand intersection obse...
Join discussion
Mar 30, 2023 · 8 min read · Are you looking for an elegant way to reveal content on your React website as users scroll down the page? Look no further than the Intersection Observer API. In this article, you’ll learn how to implement the reveal on scroll effect in React using In...
Join discussion
Jan 30, 2023 · 3 min read · Greetings everyone !! As front-end developers, we often encounter the need to track when an element becomes visible within the viewport. However, this can be a challenging task without a reliable solution. From MDN, Historically, detecting the visib...
Join discussion
Jan 26, 2023 · 4 min read · Intersection Observer is an API in JavaScript that allows you to detect when an element enters or leaves a viewport. This can be useful for things like lazy loading images or triggering animations. In this blog post, we will walk through the process ...
KKushal commented