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
* Twitter -   / michaelthiessen  
* YouTube - ‪@michaelnthiessen‬
* Web - https://michaelnthiessen.com/

* Alexander Lichter
* YouTube - ‪@TheAlexLichter‬
* Twitter -   / thealexlichter  
* Web - https://www.lichter.io/

--
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.