Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Infinite Scroll in React - Full Tutorial

Dave Gray via YouTube

Start learning Write review
Boot.dev Ad

Stuck in Tutorial Hell? Learn Backend Dev the Right Way

Learn More → DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More →

Overview

Build a Learning Habit
Download Class Central's free printable study calendar
Download for Free
Learn how to implement infinite scroll functionality in React applications through this comprehensive tutorial video. Explore two different approaches: one using React hooks and another utilizing React Query. Dive into essential concepts such as custom hooks, Axios API setup, Intersection Observer, useCallback, and useInfiniteQuery. Follow along as the instructor guides you through building example components, setting up API calls, and testing the functionality. Gain practical knowledge on creating efficient and seamless infinite scrolling experiences in your React projects.

Syllabus

Intro
Welcome
Starter code and dependencies
Axios API setup
usePosts custom hook
Example 1 component
Post component and forwardRef
Applying useRef
Checking functionality
Intersection Observer and useCallback
Testing Infinite Scroll & Query
Example 2: React Query setup
Example 2 component
useInfiniteQuery
Update Example 2 with useInfiniteQuery
Testing Example 2 functionality

Taught by

Dave Gray

Reviews

Start your review of Infinite Scroll in React - Full Tutorial

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.