How Duolingo Plans to Reach 100M Users

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
DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More → Coursera Ad

Google AI Professional Certificate - Learn AI Skills That Get You Hired

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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.