Vue 3.5 Analyzed
from DejaVue Hosted by Alexander Lichter & Michael Thiessen
Vue 3.5 came out recently, so why not using the opportunity to dive into the features of the new minor version? Michael and Alex will do so and discuss performance improvements, SSR features and new composables in detail. If you wondered what the difference of the future Lazy Hydration and existing async components or what other features are part of the new minor, it is time to tune in ✨ Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (01:26) - Performance improvements in 3.5 (04:59) - Props Destructuring out of experimental (12:23) - SSR Improvements (12:52) - Lazy Hydration (17:10) - How is Lazy Hydration different to existing async components? (21:42) - useId (25:25) - data-allow-mismatch (29:02) - Web Component improvements (31:42) - useTemplateRef (34:34) - Deferred Teleports (38:45) - onWatcherCleanup (42:37) - Wrapping up Links and Resources 10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE DejaVue #E016 - The Future of Vue.js (with Evan You) Vue 3.5 announcement blog post Rolldown Vite Evan's Tweet about Vue using Rolldown (there are more though!) Props Destructure RFC (now part of core) DejaVue #E001 - The Need for Server-Side Rendering (SSR) Hydration Error blog post Vue.js Hydration Explained Lazy Hydration in Nuxt (voice your opinion!) Volkswagen package Volar DejaVue #E006 - Nuxt Server Components (with Julien Huang) DejaVue #E004 - Teleports and When to Use Them DejaVue #E011 - Learning new Vue Features and Concepts (with LearnVue aka. Matt Maribojoc) VueUse 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.
Embed this episode
Chapters
- 0:00 Welcome to DejaVue
- 1:26 Performance improvements in 3.5
- 4:59 Props Destructuring out of experimental
- 12:23 SSR Improvements
- 12:52 Lazy Hydration
- 17:10 How is Lazy Hydration different to existing async components?
- 21:42 useId
- 25:25 data-allow-mismatch
- 29:02 Web Component improvements
- 31:42 useTemplateRef
- 34:34 Deferred Teleports
- 38:45 onWatcherCleanup
- 42:37 Wrapping up
No transcript yet.