Sign in to confirm you’re not a bot
This helps protect our community. Learn more

DejaVue #E014 - VueUse and Our Favorite Composables

DejaVue
2.48K subscribers
<__slot-el>
<__slot-el>
1.4K views 9 months ago DejaVue
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! --- Your Hosts
  • Michael Thiessen
 …...more
...more
DejaVue #E014 - VueUse and Our Favorite Composables
61Likes
1,462Views
Jun 262024
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! --- Your Hosts -- Chapter marks: 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 https://michaelnthiessen.com/nuxt-tip... ▶ Mastering Nuxt* https://vuebundle.com/?friend=DEJAVUE ▶ VueUse https://vueuse.org/ ▶ VueDemi https://github.com/vueuse/vue-demi ▶ Slidev https://sli.dev/ ▶ is-even package https://www.npmjs.com/package/is-even ▶ is-odd package https://www.npmjs.com/package/is-odd ▶ Composable 1 - useEventListener https://vueuse.org/core/useEventListe... ▶ Composable 2 - useDebounceFn https://vueuse.org/shared/useDebounceFn/ ▶ Composable 3 - useThrottleFn https://vueuse.org/shared/useThrottleFn/ ▶ Debounce Vs Throttle https://kettanaito.com/blog/debounce-... ▶ Composable 4 - useLocalStorage https://vueuse.org/core/useLocalStorage/ ▶ Localstorage example from Alex' Website - https://github.com/manniL/lichter.io/... ▶ Composable 5 - useMagicKeys https://vueuse.org/core/useMagicKeys/ ▶ Util 6 - makeDestructurable https://vueuse.org/shared/makeDestruc... ▶ Bonus - createReusableTemplate https://vueuse.org/core/createReusabl... -- Follow DejaVue on ▶ The Web: https://dejavue.fm/ ▶ Twitter:   / dejavuefm   ▶ Apple Podcast: https://podcasts.apple.com/us/podcast... ▶ YouTube:    / @dejavuefm   ▶ Spotify: https://open.spotify.com/show/5VQ15QH... ▶ Deezer: https://www.deezer.com/show/1000792252 ▶ Amazon Music: https://music.amazon.com/podcasts/798... ▶ Pocket Casts: https://pca.st/49qr8d1k --- 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.
DejaVue
DejaVue

Follow along using the transcript.

DejaVue

2.48K subscribers