DejaVue

Teleports and When to Use Them

Listen Later

Welcome to the fourth episode of DejaVue! From a Nuxt topic last week, Michael and Alex jump into a plain Vue.js topic again, or would you say... teleport?
Yes, correct! The Teleports feature from Vue 3 will be explored - from its use cases to the native HTML dialog tag. The two hosts also cover how Teleports were created, even back in Vue 2, and talk about a Nuxt implementation too.

Learn more about Teleports in this episode of DejaVue!

Post-podcast note: The Popover API is now available in all major browsers!

Chapters

  • (00:00) - Intro
  • (00:35) - What are Teleports?
  • (01:35) - The typical Teleport use case
  • (03:23) - Other use cases for Teleports (1)
  • (06:45) - Async Components and Suspense (1)
  • (07:48) - Pitfalls with Teleports
  • (09:15) - The native dialog components
  • (12:14) - Building an own modal / dialog
  • (13:25) - How you did it before Teleports
  • (14:33) - What Teleports don't solve
  • (15:13) - Other use cases for Teleports (2)
  • (16:46) - Teleport targets / Where to teleport
  • (17:49) - Vue 2 Teleports
  • (19:04) - Teleports and SSR
  • (25:13) - Creating Reproductions and Open Source
  • (29:28) - Outro

    • Links and Resources

    • Teleports Vue.js Docs
    • Headless UI
    • The Dialog Element
    • Popovers (Now available)
    • Portal Vue package (needed in Vue 2)
    • Evan You on SSR Teleports
    • #teleports in Nuxt
    • Suspense + Teleports Issue

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