https://github.com/syket-git/react-infinite-scroll-app
React JS Infinite Scroll | React Interview Questions | Machine Coding Round
https://github.com/syket-git/react-infinite-scroll-app
infinite-scroll react react-infinite-scroll-component reactjs
Last synced: 12 months ago
JSON representation
React JS Infinite Scroll | React Interview Questions | Machine Coding Round
- Host: GitHub
- URL: https://github.com/syket-git/react-infinite-scroll-app
- Owner: syket-git
- Created: 2024-07-31T16:24:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-10T13:18:30.000Z (over 1 year ago)
- Last Synced: 2024-12-25T16:29:57.234Z (over 1 year ago)
- Topics: infinite-scroll, react, react-infinite-scroll-component, reactjs
- Language: JavaScript
- Homepage: https://youtu.be/EAbRWSnwkyE
- Size: 50.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React JS Infinite Scroll | React Interview Questions | Machine Coding Round
Welcome! In this video, we'll show you how to add infinite scroll with React JS. Infinite scroll is a mechanism that dynamically loads data as needed, ensuring optimal performance by avoiding critical issues. This feature is especially common in social media applications, but it can be intimidating to set up.
We'll break down the process, making it clear that setting up infinite scrolling is easier than it seems. Infinite scrolling is essentially a form of pagination that doesn't require users to click a button. Instead, we hook it up to the scroll event.
To make this efficient, we'll use the IntersectionObserver API, which checks when the last element of our list is loaded without compromising performance. Join us to learn how to seamlessly implement infinite scrolling in your React applications!
