HTMX + Flask: Modern Python Web Apps, Hold the JavaScript Transcripts
Chapter: Feature 3: Infinite scroll
Lecture: Introducing infinite scroll
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
We're on to the final and third feature we're going to do with htmx. That is "Infinite Scroll".
0:07
Surely you've encountered Infinite Scroll.. It's on Twitter, it's on Instagram, it's on Facebook, it's even on DuckDuckGo
0:13
under the right settings. So this is if you have a ton of content
0:18
and you don't want to show it all at once because that would just overwhelm the users. You want them to interact with it a bit.
0:24
And if they need more let's show it to them. This is useful for the users because they don't get so much data sent to their
0:29
browser. But it's also useful for you if it would take 10 seconds to generate
0:34
10,000 response, and you're not sure how far the user is going to go into it
0:38
Maybe just generate the 1st 100 and then that could happen really really quick. So it'll keep your app more responsive.
0:45
Make it feel a little bit lighter. So that's what we're gonna do, we're gonna add Infinite Scroll to the video feed our video collector.