DejaVue

Reactivity in Vue


Listen Later

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.
Sounds interesting? Then tune in!

Enjoy the episode! 

Chapters

  • (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

    • $10 off for Michael's Nuxt Tips Collection* with this link and the code DEJAVUE (Release on Aug 5th)
    • 10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE


    • DejaVue #E015 with Evan You
    • Petite Vue Talk
    • Debugging Guide: Why Your Vue Component Isn't Updating (and how to fix it)
    • Marc Backes - Building a Time Machine with Proxies
    • CanIUse Beowser Usage Stats
    • Michael Thiessen on ref vs. reactive
    • Alex's shallowRef guide
    • Alpine.js
    • Reactivue - Vue CAPI in React 👀
    • Arrow-js
    • Vapor Mode Repo
    • Vapor Mode Playground


    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.

    ...more
    View all episodesView all episodes
    Download on the App Store

    DejaVueBy Alexander Lichter & Michael Thiessen


    More shows like DejaVue

    View all
    The Changelog: Software Development, Open Source by Changelog Media

    The Changelog: Software Development, Open Source

    288 Listeners

    Startups For the Rest of Us by Rob Walling

    Startups For the Rest of Us

    709 Listeners

    The Vergecast by The Verge

    The Vergecast

    3,713 Listeners

    The a16z Show by Andreessen Horowitz

    The a16z Show

    1,095 Listeners

    Decoder with Nilay Patel by The Verge

    Decoder with Nilay Patel

    3,137 Listeners

    Daily Tech News Show by Tom Merritt

    Daily Tech News Show

    1,396 Listeners

    Software Engineering Daily by Software Engineering Daily

    Software Engineering Daily

    624 Listeners

    Talk Python To Me by Michael Kennedy

    Talk Python To Me

    580 Listeners

    Soft Skills Engineering by Jamison Dance and Dave Smith

    Soft Skills Engineering

    289 Listeners

    The SaaS Podcast: Build, Launch & Scale Your SaaS by Omer Khan

    The SaaS Podcast: Build, Launch & Scale Your SaaS

    186 Listeners

    Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

    Syntax - Tasty Web Development Treats

    989 Listeners

    The freeCodeCamp Podcast by freeCodeCamp.org

    The freeCodeCamp Podcast

    485 Listeners

    .NET Rocks! by Carl Franklin and Richard Campbell

    .NET Rocks!

    245 Listeners

    Moonshots with Peter Diamandis by PHD Ventures

    Moonshots with Peter Diamandis

    587 Listeners

    The Pragmatic Engineer by Gergely Orosz

    The Pragmatic Engineer

    70 Listeners