Episode 47: New in Vue 3: Teleport

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 (https://twitter.com/enjoythevuecast?lang=en) - Enjoy the Vue (https://enjoythevue.io/) - Teleport (Vue 3 Docs) (https://v3.vuejs.org/guide/teleport.html#teleport) - Teleport (Vue School video (https://vueschool.io/lessons/vue-3-teleport?friend=vuejs)) - Slots > Props - Michael Thiessen's Newsletter (https://michaelnthiessen.com/slots-are-better-than-props/?ck_subscriber_id=687636877) - Tessa’s talk (Link TBA) - PortalVue (https://github.com/LinusBorg/portal-vue) - vue-simple-portal (https://github.com/LinusBorg/vue-simple-portal) - The Good Place (https://www.rottentomatoes.com/tv/the_good_place) - Inception (https://www.rottentomatoes.com/m/inception) - 쌍갑포차 (Mystic Pop-up Bar) (https://en.wikipedia.org/wiki/Mystic_Pop-up_Bar) - Epomaker GK68X (https://epomaker.com/products/epomaker-gk68xs) - Logitech Stream Plus (https://www.logitech.com/en-us/products/webcams/streamcam.960-001289.html) - Logitech G604 (https://www.logitechg.com/en-us/products/gaming-mice/g604-lightspeed-wireless-gaming-mouse.html)