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
    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,094 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

    625 Listeners

    Talk Python To Me by Michael Kennedy

    Talk Python To Me

    579 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

    988 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

    589 Listeners

    The Pragmatic Engineer by Gergely Orosz

    The Pragmatic Engineer

    70 Listeners