VueUse and Our Favorite Composables

VueUse might be a library known to many Vue and Nuxt developers - and if not, it should be quickly! With over 200 functions, composables and utilities, it provides a "standard composable kit" which Alex and Michael take a look at in this DejaVue episode. And more than that, they also share their favorite composables that they use or learnt a lot from. Definitely do not miss that out and stay for the spoilers at the end.

Enjoy the episode!

Chapters

• (00:00) - Welcome to DejaVue
• (00:45) - An Introduction to VueUse
• (01:59) - How often do you use VueUse?
• (03:50) - Using a library or better to DIY?
• (05:38) - The Reactivity Layer
• (06:43) - Docs, Demos and Source Code
• (09:52) - Composable 1 - useEventListener
• (13:10) - Composable 2 and 3 - useDebounceFn & useThrottleFn
• (17:46) - Composable 4 - useLocalStorage
• (24:00) - Composable 5 - useMagicKeys
• (29:04) - Util 6 - makeDestructurable
• (33:18) - Wrapping up around VueUse
• (34:43) - Nuxt Tips Collection
• (35:33) - SPOILER!!!

Links and Resources

• Nuxt Tips Collection from Michael
• Mastering Nuxt*
• VueUse
• VueDemi
• Slidev
• is-even package
• is-odd package
• Composable 1 - useEventListener
• Composable 2 - useDebounceFn
• Composable 3 - useThrottleFn
• Debounce Vs Throttle
• Composable 4 - useLocalStorage
• Localstorage example from Alex' Website
• Composable 5 - useMagicKeys
• Util 6 - makeDestructurable
• Bonus - createReusableTemplate

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

Creators & Guests

Host

Alexander Lichter

Web Engineering Consultant • Founder • Nuxt team • Speaker

Host

Michael Thiessen

Full-time Vue educator

Editor

Niki Brandner

Sound Engineer

What is DejaVue?

Welcome to DejaVue, the Vue podcast you didn't know you needed until now! Join Michael Thiessen and Alexander Lichter on a thrilling journey through the world of Vue and Nuxt.

Get ready for weekly episodes packed with insights, updates, and deep dives into everything Vue-related. From component libraries to best practices, and beyond, they've got you covered.