The Future of Vue.js (with Evan You)

After the first part, Michael and Alex continue their conversation with the one and only Evan You, covering the future of the modern JavaScript Framework.

Starting straight with possible plans for Vue 4 to address common pain points and no ETA for the next major, exciting improvements like native CSS Scoping or removing the need for declaring props are discussed (though nothing is set on stone)!

Next, Vue 3.5 and it's current alpha version are on the list. We all look forward to the amazing features in the next minor version, including Lazy Hydration, perf improvements, easier types and also new composables like useTemplateRef.

Eventually, the State of Suspense, Vapor Mode, Volar, and Mobile App Development with Vue are addressed as well.

Enjoy the episode!

Chapters

• (00:00) - Welcome to DejaVue!
• (01:06) - Do you have any plans for Vue 4?
• (02:47) - Ref Unwrapping in objects
• (05:22) - Native CSS Scoping, Signals and Browser range
• (07:12) - Defaulting to script setup and TypeScript
• (11:12) - No prop declaring necessary anymore
• (13:43) - Nothing set in stone for Vue 4
• (14:50) - Vue 3.5 improvements
• (15:50) - Internal type improvements
• (16:33) - Reactive Props Destructure RFC
• (19:31) - useId and useTemplateRef
• (21:00) - Do we still need custom directives?
• (22:06) - Lazy Hydration
• (22:57) - Allowing Hydration mismatches on purpose
• (25:10) - Custom Lazy Hydration Triggers
• (26:18) - Vue 3.5 Alpha
• (26:56) - State of Suspense
• (30:17) - Vapor Mode
• (33:44) - Performance of Vapor
• (35:31) - Volar and the Vue VS Code Extension
• (39:09) - Negativity towards Volar
• (40:18) - Mobile App Development with Vue
• (42:51) - What content would help the Vue community?
• (51:07) - Wrapping up!

Links and Resources

• 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE
• Nuxt UI Pro* - Get 20% off with code LICHTER until July 14th

• Reactive Props Destructure RFC
• Volar
• Vue Language Tools
• Nuxt
• JS Framework Benchmark
• Ecosystem CI (Vue)
• NativeScript
• TailwindCSS
• Kevin Deng (sxzz)
• Anthony Fu
• Daniel Roe

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.