Vue.js Nation 2024
who it's for
Vue developers, frontend engineers, Nuxt developers, UI component authors, frontend architects, ecommerce engineers, accessibility engineers
topics
Pinia architecture and anti-patterns; Vite 5 and Vapor mode; Nuxt 3 app building; stateful BFFs with Orkes; Quasar cross-platform export; TinyMCE Vue integration; FormKit form tree patterns; Vue Storefront headless commerce; Radix Vue primitives; Migrating to TypeScript; TresJS 3D with Vue; client-side security and XSS prevention
| title | author | length |
|---|---|---|
| State of Vue School 2024 | Alex Kyriakidis | 39m |
Vue School reports concrete results and new products: 197 new lessons and 12 courses in 2023, 880,000 conference attendees to date, and a certification system… | ||
| Live Q&A session | Evan You | 52m |
Vue 2 reaches V2 end of life: code stays on npm/CDNs but no more official fixes and paid HeroDevs support is offered for compliance; Vite 5 speeds up builds… | ||
| Pinia Disasterclass | Eduardo San Martin Morote | 42m |
Four-year-old Pinia gets a lessons-learned audit: concrete anti-patterns (stop mapping Vuex mutations/getters to Pinia, don't cast empty object), TypeScript… | ||
| Vue Fortified: Best Practices for Web App Security | Ramona Schwering | 31m |
Vue’s template binding already escapes HTML and attributes, but the talk warns that never use non-trusted templates because compiled templates run as JS… | ||
| 5 Patterns for Better Components | Michael Thiessen | 34m |
Five concrete patterns for cleaner Vue components with code-level fixes: implement a global State singleton using the Composition API (reactive outside the… | ||
| Open Source eCommerce with Nuxt and Vue Storefront | Filip Rakowski | 35m |
Headless storefront patterns, concrete tools and gotchas explained with numbers: eCommerce sites tripled in four years and doubled in 2021. Uses Vue Storefront… | ||
| Explore TinyMCE: From OS to ChatGPT AI Assistant with Vue | Fredrik Danielsson | 15m |
TinyMCE is a 20 year old open source WYSIWYG editor used by 1.5 million developers that provides direct Vue 2 & 3 integration, an AI Assistant plugin that… | ||
| Let's Build: Crafting a Nuxt 3 App from Scratch | Daniel Roe | 49m |
Builds a Nuxt 3 recipe app that calls the Spoonacular API (requests limited to 100 items), exposes an internal GET /api/recipes endpoint using $fetch and… | ||
| Scalable Forms in Vue | Justin Schroeder | 35m |
Claims FormKit turns Vue forms into a self-structuring form tree that auto-builds nested and arrayed JSON without V-model or events, eliminating deep prop… | ||
| Accelerating frontend development with stateful BFFs | Olivier Poupeney | 14m |
Demonstrates building a stateful BFF using Netflix Conductor via Orkes to keep session state server side so no browser storage is required and a session ID as… | ||
| Quasar - One Code Base, All The Platforms! | Luke Diebold | 33m |
Builds a Quasar app and actually exports and runs it as SPA, PWA, Capacitor (Android + iOS), Electron desktop and a Chrome extension, showing live demos that… | ||
| QnA Live with the Vue Core Team | Eduardo San Martin Morote, Guillaume Chau | 59m |
Live Q&A covers concrete roadmap and tools: testing defaults around Vitest, Cypress, Playwright and TDD, no plan to deprecate Options API (Composition and… | ||
| Building Component with Primitives using Radix Vue | Kong Eu Zern | 30m |
Prototype popover-plus-search list is first built from scratch and shows positioning, focus-trap and keyboard-accessibility bugs; swapping to Radix Vue’s… | ||
| Blueprint 2024: A Vuetify Roadmap | John Leider | 29m |
Roadmap lays out three themed minor releases and 18 new components, starting with v3.6 Nebula (April) that rewrites layout to use Vue suspense, adds playground… | ||
| We may not need component (unit) testing | Maya Shavin | 41m |
Argues that component unit tests aren’t always necessary and compares Vitest + Vue Test Utils (fast, easy mocking of composables, used to run three unit tests… | ||
| How to create 3D experiences using Vue with TresJS | Alvaro Saburido | 32m |
Demo shows a working small 3D scene built live — a box and a sphere rendered inside a Tres canvas using three.js under the hood, with tres-mesh… | ||
| PrimeVue | The Next-Gen UI Component Library | Cagatay Civici | 22m |
PrimeVue is a Vue 3 library with over 80 components and a focus on being your components not ours: an unstyled mode that strips CSS but keeps accessibility and… | ||
| Collaboration + Creativity CKEditor 5's Advanced Features & GPT AI Assistant | Mrinalini Sugosh | 26m |
CKEditor 5 is a modular, plugin-driven rich text editor with real-time collaborative editing like Google Docs, built-in track changes, comments, revision… | ||
| Unlocking Reusability Generically Typed Vue.js Components | Abdelrahman Awad | 32m |
Shows how to add TypeScript generics to Vue 3 components using the new generic attribute, composition API patterns, conditional types and the DefineModel… | ||
| Common Mistakes in Vue.js and How to Avoid Them | Daniel Kelly | 35m |
Shows concrete bugs and fixes: a Pokemon shuffle demo proves using the index as a v-for key breaks nested component state and shuffling, adding a real unique… | ||
| Migrating Your Nuxt/Vue App to TypeScript | Millan Singh | 19m |
Migrating a Nuxt 2 app uses Nuxt Bridge and a custom TS config to admit .ts files, converts self‑contained services/helpers first, then plugins (Firebase… | ||
| Prevent, Catch and Fix Accessibility Issues | Maria Lamardo | 21m |
Shows that 96.3% of top homepages have accessibility issues averaging ~50 errors each and 96.1% fall into six categories, with automated tools catching only… | ||
| nothing matches | ||