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
    Hanselminutes with Scott Hanselman by Scott Hanselman

    Hanselminutes with Scott Hanselman

    377 Listeners

    .NET Rocks! by Carl Franklin and Richard Campbell

    .NET Rocks!

    244 Listeners

    The Changelog: Software Development, Open Source by Changelog Media

    The Changelog: Software Development, Open Source

    284 Listeners

    Startups For the Rest of Us by Rob Walling

    Startups For the Rest of Us

    696 Listeners

    The Vergecast by The Verge

    The Vergecast

    3,672 Listeners

    Accidental Tech Podcast by Marco Arment, Casey Liss, John Siracusa

    Accidental Tech Podcast

    2,092 Listeners

    Thoughtworks Technology Podcast by Thoughtworks

    Thoughtworks Technology Podcast

    40 Listeners

    Talk Python To Me by Michael Kennedy

    Talk Python To Me

    590 Listeners

    Software Engineering Daily by Software Engineering Daily

    Software Engineering Daily

    621 Listeners

    Soft Skills Engineering by Jamison Dance and Dave Smith

    Soft Skills Engineering

    269 Listeners

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

    Syntax - Tasty Web Development Treats

    987 Listeners

    Darknet Diaries by Jack Rhysider

    Darknet Diaries

    7,879 Listeners

    The Stack Overflow Podcast by The Stack Overflow Podcast

    The Stack Overflow Podcast

    62 Listeners

    The Real Python Podcast by Real Python

    The Real Python Podcast

    139 Listeners

    Chatabix by Keep It Light Media / Big Oval Plate

    Chatabix

    200 Listeners