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.