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.
0:04
That is "Infinite Scroll".
0:06
Surely you've encountered Infinite Scroll.. It's on Twitter, it's on Instagram,
0:10
it's on Facebook, it's even on DuckDuckGo
0:12
under the right settings. So this is if you have a ton of content
0:17
and you don't want to show it all at once because that would just overwhelm the users.
0:20
You want them to interact with it a bit.
0:23
And if they need more let's show it to them.
0:25
This is useful for the users because they don't get so much data sent to their
0:28
browser. But it's also useful for you if it would take 10 seconds to generate
0:33
10,000 response, and you're not sure how far the user is going to go into it
0:37
Maybe just generate the 1st 100 and then that could happen really really quick.
0:41
So it'll keep your app more responsive.
0:44
Make it feel a little bit lighter.
0:46
So that's what we're gonna do, we're gonna add Infinite Scroll to the video feed our video collector.