Episode 47: New in Vue 3: Teleport

Enjoy the Vue

Key Points From This Episode:

• Brief definitions and an overview of how the team thinks about Teleport.
• Identifying some common points of confusion around teleporting on Vue.
• Thinking about problems from the inside out and the issue of multiple destinations.
• Styling using Teleport; which parts determine the style?
• Helpful notifications around completed tasks and the time this can save.
  
• Considering the variety of Teleport use cases and which make the most sense.
• Some important details about Tessa's talk at VueConf Toronto in November.
• Using portal-vue on Vue 3 and why this can still be useful.
• New additions and disappearances in Vue 3 and the reasons for the changes.
• Ben's early experience of Teleport so far — things that have him excited about Vue 3.
• Today's picks from Tess, Ben, and Ari!
  

Tweetables:

• “I think of Teleport as a way to decouple a piece of the template from a component in a single file component and basically tell it where to show up on the actual page.” — @enjoythevuecast [0:00:36]
• “I’m just basically trying things out and figuring out how Teleport works based on what's not working in all those experiments.” — @enjoythevuecast [0:02:46]
• “You can send multiple teleports to the same destination, but it's still technically multiple points of origin, not a single point of origin.” — @enjoythevuecast [0:20:08]

Links Mentioned in Today’s Episode:

• Enjoy the Vue on Twitter
• Enjoy the Vue
• Teleport (Vue 3 Docs)
• Teleport (Vue School video)
• Slots > Props - Michael Thiessen's Newsletter
• Tessa’s talk (Link TBA)
• PortalVue
• vue-simple-portal
• The Good Place
• Inception
• 쌍갑포차 (Mystic Pop-up Bar)
• Epomaker GK68X
• Logitech Stream Plus
• Logitech G604

Support Enjoy the Vue