Infinite Scrolling With Vue & VueUse

This video explains how to create a simple infinite scrolling component using vue 3 and a library, vueUse
Vue Suspense: • Easy Loading Pages Wit...
-----------------------------------------------------------------------------------------------------
Join my channel to support me to continue doing what I love!
/ @johnkomarnicki
-----------------------------------------------------------------------------------------------------
Patreon: / johnkomarnicki
Website: johnkomarnicki...
Twitter: / john_komarnicki
LinkedIn: / john-komarnicki
-------------------------------------------------------------------------------------------------------
Timestamps:
-------------------------------------------------------------------------------------------------------
#vue #vue3 #vueuse

[@timstatler3214]

I love your teaching style so much, you are possibly my favorite programming KZbinr, and there are a lot that I like so that's really saying something! Thanks for all the great content, John.

[@JohnKomarnicki]

I really appreciate that, Tim. Thanks! 🙌

[@randel_mcafee86]

Awesome, John! Thanks for sharing!

[@JohnKomarnicki]

Thanks Randel!

[@piotrjasiulewicz408]

great video and explanation, but why dont just use tailwind 'overflow-y-auto" that makes almost the same effect for small amout of data ?

[@yanDev]

if it is possible for you could you do a big project with Nuxt and add some very useful things to it like for example Prisma, Supabase and more.. thank you in advance and thank you for all your videos

[@nicolesantos3864]

what is the extension you are using to auto import files?

[@ThomasFlorence]

Thanks

[@patrickraedler3656]

Very nice video! Keep it up!

[@JohnKomarnicki]

Thanks Patrick!

[@nicolesantos3864]

can u do one that has search?

[@isrealsixojeifo4517]

What’s your vscode icon extension? If you don’t mind

[@JohnKomarnicki]

Believe it's material UI

[@kshitijgaikwad6148]

i tried this, but it is not working, only loop is working fine. there is no infinite scroll. in console it is showing this message. is an experimental feature and its API will likely change. Help !

[@JohnKomarnicki]

Hard to say without seeing the source code. Are you initiating the ref correctly? Matching the name of the red to the name variable of the variable

[@KuroManX]

The year is 2030 and suspense is still an experimental feature

[@ivansanczewski6648]

Very good video. For some reason, though, I cannot get the useInfiniteScroll function working… I have installed vueuse and imported it properly… I have been following and understood the code according to the full video. Any idea?

[@JohnKomarnicki]

Hard to tell. Have you properly assigned it the ref on the template?

[@zanoutisoufian688]

Just what i wanted

[@JohnKomarnicki]

Glad to hear!