Vue.js Live 2023
who it's for
Vue developers, Nuxt developers, frontend engineers, web performance engineers, open-source maintainers, library authors, QA and test engineers
topics
Nuxt SSR, SSG and ISR; TresJS declarative 3D components; Vue 3 virtual DOM implementation; image optimization with AVIF and Cloudinary; meta-frameworks on Nitro and h3; typed filesystem routes (unplugin-vue-router); Lighthouse CI and CrUX field metrics; open-source end-of-life process; cross-compiled Vue 2 and Vue 3 libraries; Nuxt 3 module authoring
| title | author | length |
|---|---|---|
| The Hidden Cost of Open Source | Aaron Mitchell | 10m |
An actionable five-step process for open-source EOL: form a cross-functional team with security, QA, engineering and product and meet monthly or quarterly… | ||
| A Saga of Web Rendering Woes | Alba Silvente Fuentes | 20m |
Survey of rendering modes compares concrete tradeoffs: client side vs server side vs static generation, then deferred/DSG, incremental static regeneration and… | ||
| The Vue-niverse of SEO: Uncovering the Secrets | Alexander Lichter | 24m |
Google processes about 8.6 billion searches per day and under 10% of sites get organic visits (Ahrefs), so focus lands on practical fixes: SPAs yield blank… | ||
| TresJS, a declarative way of creating 3D scenes from Vue components | Alvaro Saburido | 22m |
TresJS provides a Vue custom renderer that maps ThreeJS classes to Vue components so scenes are declared with TresCanvas, TresPerspectiveCamera, TresMesh… | ||
| Building for the Edge - Crafting a Next-Gen Framework | Daniel Roe | 19m |
Demo builds a minimal Vue meta-framework on Nitro using h3 and a Vite plugin, rendering server HTML and hydrating on the client. Claims: cold starts drop from… | ||
| Stop Writing Your Routes | Eduardo San Martin Morote | 24m |
Claims that routes no longer need to be written: a plugin generates typed routes from the filesystem so editors get auto-complete for route names and immediate… | ||
| You’re Probably Using Lighthouse Wrong | Filip Rakowski | 22m |
Claim: Lighthouse is a useful guide but is widely misused — running audits in local Chrome DevTools yields inconsistent scores influenced by CPU, network and… | ||
| Image Optimization - Quick Win for Improving Performance in Vue & Nuxt Apps | Jakub Andrzejewski | 20m |
Image optimization cuts payloads dramatically: converting a JPEG to AVIF shrinks one demo image from ~55 KB to 22.3 KB while PNG reached ~200 KB, and… | ||
| Building Backwards Compatible Vue Libraries | Jessica Sachs | 24m |
Claims a concrete recipe to ship one library that runs on both Vue 2 and Vue 3 by cross‑compiling and testing against both runtimes. It uses PNPM Workspaces… | ||
| Nuxt 3 Modules and Open-Source | Lucie Haberer | 22m |
Starts from the claim that Nuxt modules are central (14 million module downloads vs 2M Nuxt and 16M Vue in 30 days) and shows how to build one with the Nuxt 3… | ||
| Building the Vue 3 VDOM on Stage | Marc Backes | 25m |
Live-coded a minimal Vue 3 virtual DOM: a simple object-based vnode shape and working h() hyperscript creator, plus DOM glue that implements… | ||
| Writing Good Tests for Vue Applications | Markus Oberlehner | 24m |
Claims a practical TDD workflow: write specifications first and decouple all the things. Shows a shopping‑list app with component tests and Playwright… | ||
| Component Design Patterns | Michael Thiessen | 13m |
Shows concrete refactors for conditional rendering: extract each v-if branch into separate components like ArticleCollapsed and ArticleExpanded, or push the… | ||
| Alive and Kicking - A Vue Into Rock & Roll | Tim Benniks | 26m |
A Vue app ties QR-driven voting to a live set: live voting via Supabase + Next updates an up-next list and bounces avatars on a 60 FPS Canvas; audio files live… | ||
| nothing matches | ||