Infinite Scrolling with pure JavaScript | Learn JavaScript
#javascript #infinitescrolling #intersectionobserver
Explained how to implement Infinite Scrolling using JavaScript's Intersection Observer API.
Covered most important JavaScript topics like Arrow Functions, Fetch API, Object Destructing , Async & Await , Promise ,DOM manipulation etc.
Intersection Observer : • Intersection Observer browser API in ...
Github Source Code : https://github.com/codewelltech/Infin...
🔥🔥🔥🔥🔥
Timeline :
00:00 Teaser
00:40 HTML markup
03:08 Fetch API - Fetch users data
06:05 Arrow Function- Render Users
06:35 Object Destructuring- Extract what is required
08:16 DOM Manipulation- InsertAdjacentHtml
10:18 Infinite Scrolling -Intersection Observer
11:06 Async & Await- Less is always better
14:35 Fetch new Users on Scroll
17:00 Observe Latest Last User
19:10 Unobserve to Current Last User
