Channel BannerChannel Banner
NZKUirTtxcgNZKUirTtxcg

Infinite Scrolling With React - Tutorial

392,696
Socialcounts.Org
Enter Fullscreen (f)
8,284
likes
333
comments
daily view 0
monthly view 0

Share

Live Analytics

Comments 0

Infinite Scrolling With React - Tutorial Analytics Table

Income Estimates for Infinite Scrolling With React - Tutorial

Based on this YouTube video's total view count of 392K views and industry-standard rates, the estimated total earning is $275 - $785 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.

About Infinite Scrolling With React - Tutorial

Explore Infinite Scrolling With React - Tutorial with 392,696 views, 8,284 likes, and 333 comments. Experience the impact of this video content that has captured audience attention.

Infinite scrolling is incredibly common especially in social media applications, but it is intimidating to setup. In this video I will be breaking down exactly how to setup infinite scrolling and why it is much easier than it appears. Infinite scrolling is really just a fancy type of pagination that will paginate without the user needing to click a button. This means that we can setup simple pagination, but instead of hooking it up to a button we need to hook it up to scrolling. Setting up a JavaScript event on scroll is not very performant, though, so we will be using the amazing InteresectionObserver API to efficiently check for when the last element of our list is loaded. 🚨 IMPORTANT: If you want to learn React in depth checkout my full modern React course. https://courses.webdevsimplified.com/learn-react-today 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/React-Infinite-Scrolling 🧠 Concepts Covered: - How to use React hooks - useEffect, useState, useRef, useCallback hooks - IntersectionObserver with React 🌎 Find Me Here: My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #React #WDS #InfiniteScrolling

About YouTube Real-Time View Count

With SocialCounts.org’s view counter, track your YouTube video’s live view count and YouTube likes count in real time with fast, reliable updates.

Watch every YouTube video live view count rise with our real-time YouTube views tracker—built for accuracy and minimal delay.

Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.

Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.org’s smart tracking tools.

Embed Widget

Parameters:

  • fullscreen=true - Fullscreen counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard