The BEST way to build Infinite Scroll using Hotwire

Follow along as I implement infinite scroll pagination on the rapidruby.com lessons page. I’ll be using the useIntersection helper from stimulus-use to detect when you have scrolled to the bottom of the page and then Turbo Streams to insert each new block of videos.
Some of the libraries used in this video:
- stimulus-use (useIntersection): stimulus-use.github.io/stimul...
- Kaminari: github.com/kaminari/kaminari
- Rails request.js: github.com/rails/request.js
And you can find a gist of the code here:
gist.github.com/phawk/cbdb48a...
P.s. Want access to next week's video right now? Head on over and sign up on rapidruby.com now!
---
Has this video helped you out? Consider buying me a coffee to say thanks and support future content like this, thanks!
app.payhere.co/rapid-ruby/buy...
You can also find more content like this, including premium courses and exclusive community and mentorship to help you level-up! Head over to rapidruby.com and use the code RRKZbin for a discount!

[@joey2545]

Very cool! Thanks for making this quick video!

[@midda7]

thanks a lot!

[@Alimenteocerebro]

I couldn't pass the value to the controller. I added the div as you said, but doing a console.log I see that this.urlValue returns empty. Is there any logic for javascript to get the values?

[@notrab]

Great video!

[@dencam]

Awesome video, Thank you please.

[@azizdevfull]

very Helpful : )

[@AntonLitvinenko]

Hi! Any reason you arent using a lazy turbo frame to load the next page?

[@rapid-ruby]

Hi Anton, yes, this is an approach I’ve used before, and it has a lot of issues to work around. On the surface it works, but when you load a few pages, go to a new page, and then press the back button in your browser, you’ll see a lot of weird things happening.

[@AntonLitvinenko]

Ok! Will pay attention to that! Thank you!

[@rahulk6130]

Nice video. Would appreciate if you would increase / zoom your editor a bit, so the font is larger. Thanks.

[@rapid-ruby]

Thanks for the suggestion, I’ll keep that in mind! I’ve already recorded a bunch of videos, so if you don’t see an increase for a while, that’s why :)

[@tkhobbes]

Any reason for choosing kaminary over pagy?

[@rapid-ruby]

Not really, I’ve just used kaminari for years at the point and it does everything I need 😅