Vueconf.US 2022
2022-06-08..2022-06-10
Fort Lauderdale, FL, United States
[VueConf US 2018, VueConf US 2019, Vueconf.US 2020, Vueconf.US 2021, Vueconf.US 2022, Vueconf.US 2023, VueConf US 2024]
as the organisers put it
Talks from VueConf US 2022 will be added here weekly, or visit VueMastery.com/conferences to watch them all now!
who it's for
Vue developers, frontend engineers, engineering managers, QA engineers, mobile app developers, platform engineers
topics
Vue 3 migration with compat build; Pinia internals and createPinia; Nuxt 3 and Nitro server engine; Vite and full ESM tooling; unit testing with Vitest and Vue Test Utils; component testing with Cypress and Playwright; accessibility with WCAG and AXE tooling; GSAP animations integrated with Vue; Capacitor mobile integrations and plugins; image LCP optimisation and preload strategies; building internal Vue component libraries; debugging with Vue DevTools and Replay.io
| title | author | length |
|---|---|---|
| What's next for Vue? Evan You explains... | Evan You | 24m |
Vue 3 becomes the default (Feb 7 2022), the docs move to a rebuilt vuejs.org and VitePress 1.0 alpha powers docs sites; @vue/runtime-core downloads rise ~70%… | ||
| How to migrate a large app to Vue 3 | Alex Van Liew | 35m |
Migrating a huge Vue 2 app to Vue 3 uses the compatibility build @vue/compat, ESLint rules to pre-fix deprecations, and VTU fixes for tests; the app has ~1,000… | ||
| Dissecting the Pinia Source Code | Daniel Kelly | 21m |
Opens the Pinia repo, traces file structure and build tools, and shows concrete numbers: 3.33 KB minified, 1.66 KB gzipped, and 97.6% coverage. Explains… | ||
| How to debug Vue Apps | Cecelia Martinez | 31m |
A short, practical walk-through that reproduces a Vue reactivity bug in a small resource-gallery app (five cards) and shows why using a ref vs reactive for an… | ||
| Tips, Tricks, and Best Practices | Beth Qiang | 30m |
Practical unit testing for Vue 3 apps: a demo dashboard using Vue 3, Pinia and Tailwind proves tests that mock network calls and router navigation, scaffold… | ||
| The Future of Nuxt 3 | Dan Vega | 30m |
Nuxt 3 claims a minimal, fast starter that boots Vite and Nitro in seconds, demonstrates the nuxi CLI for scaffolding, and shows concrete API routing where a… | ||
| Building Accessible Vue Components | Homer Gaines | 41m |
Web accessibility hinges on specifics: follow WCAG 2.1 and semantic HTML first, not ARIA, because WebAIM finds 96.8% of homepages have issues and 74.6% of ARIA… | ||
| How to write internal UI Libraries for Vue | Austin Gil | 23m |
Argues that wrapper components (facades) make apps more resilient by isolating third‑party scripts, component libraries and breaking changes; demonstrates… | ||
| How to animate Vue with GSAP | J.D. Hillen | 31m |
Demonstrates using GSAP with Vue by name not just concept covering installation via NPM or CDN and three core methods: to from toFrom and timeline control with… | ||
| Stress-free Testing for Vue | Jessica Sachs | 42m |
Live demo shows Cypress 10 running component tests with Vite and Vue, mounting components directly and using the Composition API to toggle state. The workflow… | ||
| How to use Nuxt.js and Chrome | Kara Erickson | 30m |
Chrome's Aurora team documents concrete wins: focus on LCP drives practical fixes — nuxt/image and nuxt-picture add preload, srcset/sizes and WebP/AVIF… | ||
| Mobile Development in Vue | Mike Hartington | 18m |
Clear claim: Vue plus Capacitor handles native device features with a single codepath and actually works. Demo builds a mapping app that requests permissions… | ||
| Create a Custom Component Library with Vue & Tailwind CSS | Paige Kelley | 24m |
Builds a small Florida-themed component library using Vue CLI and Tailwind CSS via PostCSS, creates a components folder with an index export, implements a… | ||
| Improving Page speed Performance with Vue 3 | Tom Dale | 26m |
Migrating a WordPress blog to Vue 3 drops requests from 38 to 14 and cuts JS/CSS drastically, moving mobile Pagespeed from 58 to 76; convert GIFs to videos… | ||
| Why do we need to test? | Bart Ledoux | 06m |
Claims four concrete values: reducing the feedback loop, trust, architecture, documentation. Tests cut the time between change and verification, but hot module… | ||
| Component Testing with Playwright for Vue | Debbie O'Brien | 13m |
Playwright claims to bring Node test-runner power and real-browser fidelity together, and component testing is in experimental preview that already runs on… | ||
| How to interpret Vue Components | Lukas Stracke | 09m |
Claim: instrument Vue component lifecycle to get field-level performance traces that explain slow pages beyond Web Vitals. Implementation: hooks and… | ||
| What is 'this' in Vue? | Colin DeCarlo | 09m |
A rapid eight‑minute quiz runs through ten concrete JavaScript situations and states what this is bound to: examples include global scope → window, 'use… | ||
| How to build a chrome extension with Vue | Adam Frank | 11m |
A minimal Chrome extension MVP called Vue Traffic Light Chrome Extension implements a team status dashboard built with Vue, Pinia and Firebase Firestore for… | ||
| Getting Started: Amplify Authenticator for Vue | Erik Hanchett | 10m |
A Vue 3 cloud‑connected component wraps an app and provides authentication flows with minimal boilerplate it ships as aws‑amplify and aws‑amplify‑ui‑vue… | ||
| SharePoint as a BackEnd framework for Vue | Scott Hickerson | 10m |
Claim is that SharePoint serves as a full backend for Vue apps with real deployments and concrete limits and tooling: it supports 30 million records per list… | ||
| Building Docker Extensions using Vue & Nuxt | Evan Harris | 09m |
Built a working Docker Extension using Nuxt2 and Vue with a multi‑stage Dockerfile and a metadata.json UI root; required changing config.output.publicPath so… | ||
| How to build a Vue Community | Ricardo Vargas | 06m |
Says community gave me my job and lists concrete payoffs: quick problem solving, exposure to new tools, shared answers, and people who spark products. Argues… | ||
| Using Vue for your IoT Solution | Bill Baker | 08m |
Vue connects to AWS IoT Core and creates a cloud device shadow, fetches a large metadata object and stores static parts in Pinia, then applies updates from the… | ||
| DevOps for Vue developers | Jeremy Meiss | 32m |
Claims that Deploy vs Release are different: deploy makes a version ready and idle, release shifts production traffic and carries the risk. Cites tools and… | ||
| nothing matches | ||