Vue is fast (actually the fastest SSR framework)! But sometimes apps might a bit more fine-tuning. And by sometimes, we mean rarely.

Still, it can happen - so join Alex and Michael in this DejaVue episode to dive into what tools Vue gives us to improve the frameworks' performance.

Further, they dive into the recent SSR benchmark and what it means for you as a developer, as well as striving topics like perceived performance.

Enjoy the episode!

Chapters

• (00:00) - Intro
• (01:14) - The topic of this episode - Performance
• (02:05) - Optimizing for performance from the beginning?
• (04:03) - Prop stability
• (08:18) - v-once
• (10:45) - v-memo
• (12:57) - Does v-pre fit into the mix?
• (14:28) - Recalculation of computed's
• (20:47) - Virtualization
• (24:05) - shallowRef
• (27:25) - Vapor Mode in the future
• (28:44) - Server Side Rendering
• (29:14) - The recent SSR benchmark
• (31:35) - Results of the benchmark
• (32:00) - What does this mean for you?
• (35:19) - Perceived performance
• (37:33) - Improving SSR performance
• (39:12) - VueConf Toronto
• (40:20) - Wrapping up

Links and Resources

• 15% discount for the VueConf Toronto* with code DEJAVUE

• DejaVue #E026 - Vue 3.5 Analyzed
• DejaVue #E027 - Working at AWS (with Erik Hanchett)
• v-once
• v-memo
• v-pre
• The shallowRef guide
• Performance Vue Docs
• Michael Reactivity From Scratch Free Course
• Vapor Mode
• Reading vuejs/core-vapor
• DejaVue #E001 - The Need for Server-Side Rendering (SSR)
• Alex' SSR Benchmark video

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.

While Alex is at PragVue, Michael is joined by Developer Advocate Erik Hanchett who works at no other company than AWS. In this DejaVue episode, they discuss the different duties of a Developer Advocate and skills one need to become one, as well as everything around content creation and conferences.
In addition, Erik shares how it is to write Vue code as a Software Engineer at AWS, which he did for multiple years.

Enjoy the episode!

Our Guest

Erik Hanchett

• Website
• Twitter
• YouTube

Chapters

• (00:00) - Welcome to DejaVue
• (00:35) - How would you describe your job?
• (03:20) - Do you miss the deep technical problems?
• (09:41) - Duties when speaking at a conference
• (12:50) - What is Developer Advocacy?
• (23:30) - Which skills do you need to be a Developer Advocate?
• (26:40) - Your first content pieces doesn't have to be perfect
• (28:16) - First Five unreleased DejaVue episodes
• (29:44) - Putting yourself out there
• (32:09) - Erik's first podcast guest appearance ever
• (37:10) - Using Vue.js at Amazon Web Services
• (41:29) - How did you get into Vue?
• (43:16) - Working on AWS Open Source projects
• (45:06) - Migrating a library from Vue 2 to Vue 3
• (49:48) - Nested Slot Bonanza
• (51:34) - Angular, React and Vue devs in the same project
• (52:15) - Wrapping up

Links and Resources

• Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *

• AWS Amplify
• VueUse
• Vue Demi
• XState

Your Host

Michael Thiessen

• Twitter
• YouTube
• Website

---

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.

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.