AlpineJS Intersect Plugin - Create Livewire Infinite Scrolling

[@tonyxhepaofficial]

AlpineJS Intersect Plugin

[@AlpineVue]

Its Awesome tutorial and I waiting for your next supper video. Thank you Tony Sir🥰🥰

[@ahmed929]

Thanks 🎉 we need more about alpine js

[@HamadAbdulla_7]

Great video

[@tanzimibthesam5861]

Nice can I use it without Livewire

[@volkankner]

Yes, you can.

[@SEOng-gs7lj]

the downside is the response for /livewire/update will keep increasing everytime it "loads more"

[@OliverJörns-k7g]

Actually this method of infinite loading will load 10 on the first call, 20 on the second a.s.o. This is useless for real infinity loading though. I only want to load the next 10 on the page, not load 10, than 20 than 30. I know that Lifewire is doing some magic, so that the previous elements are preserved on the page. This help a tiny little bit, but it is not what you want. What you want is a query that only reads 10 users at a time and inserts those at the end of the page, so that scrolling occures at the same speed every time and does not get slower the more you scroll. I use jQuery for something like that and it works very well. Plain JS does too of course. Have to think about how to trick Livewire into this, I use Livewire a lot in my projects, but infinitive loading is not what it is made for really. Livewire is great for all kinds of interactive forms.