DejaVue

▶ 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE https://conf.vuejs.de/tickets/?vouche... *

▶ 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE https://michaelnthiessen.com/nuxt-tip... *

Join Alex and Michael on a talk about a key topic in Vue.js - the reactivity system. Before diving into how it works in Vue 3, reactivity in Vanilla JS is covered. Then, the differences between the major Vue versions are discussed, showing an astonishing evolution in terms of DX but also performance when it comes to reactivity. Of course, the ref vs reactive topic can’t be left out, and neither can signals and vapor mode. Sound interesting? then tune in!

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/

--
Chaptermarks:

00:00 Welcome to DejaVue
01:38 What is Reactivity in general?
03:47 Reactivity in JavaScript?
07:45 Reactivity in Vue 1
09:08 Changes to reactivity in Vue 2
10:47 Reactivity system and caveats in Vue 2
15:10 Vue 3 Reactivity with Proxies
19:00 No IE11 support
20:22 Ref and Reactive in Vue
25:12 shallowRef, triggerRef and more
28:23 Why not shallowRef by default?
31:24 Vue's reactivity system as a standalone package
34:21 Vapor Mode
40:52 Wrapping Up

--
Links and Resources

▶ DejaVue #E015 with Evan You https://share.transistor.fm/s/6b6bab42
▶ Petite Vue Talk    • Alexander Lichter - petite-vue - Prog...  
▶ Debugging Guide: Why Your Vue Component Isn't Updating (and how to fix it) https://michaelnthiessen.com/debuggin...
▶ Marc Backes - Building a Time Machine with Proxies    • Marc Backes - Building a Time Machine...  
▶ CanIUse Beowser Usage Stats https://caniuse.com/usage-table
▶ Michael Thiessen on ref vs. reactive https://michaelnthiessen.com/ref-vs-r...
▶ Alex's shallowRef guide
   • The definitive guide to shallowRef in...  
▶ Alpine.js https://alpinejs.dev/
▶ Reactivue - Vue CAPI in React 👀 https://github.com/antfu/reactivue
▶ Arrow-js https://www.arrow-js.com/
▶ Vapor Mode Repo https://github.com/vuejs/core-vapor
▶ Vapor Mode Playground https://vapor-repl.netlify.app/


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