Vue.js London Live 2021
2021-10-20..2021-10-21
-- online --
who it's for
Vue developers, Nuxt developers, frontend developers, frontend engineers, frontend architects, devops engineers
topics
Nuxt 3 adoption and tooling; migrating large codebases to Vue 3; Pinia state management patterns; structuring large Vuex stores; Vite for Vue development; Rust with WebAssembly in Vue; Vuetify 3 component library; Chakra UI Vue design workflow; animation techniques in Vue.js; form validation with Vest; CI/CD for Vue applications; technical SEO and JavaScript
| title | author | length |
|---|---|---|
| How Developers Can Use Automated App Security Testing To Protect Vue Apps | Nick Teets | 07m |
Shows a concrete Vue XSS exploit on a message board where using v-html leads to XSS and a hidden image tag exfiltrates session data, then demonstrates fixes… | ||
| A New Kind of Abstraction | Mike Hartington | 07m |
Argues that abstractions are a spectrum determined by where code runs and what escapes exist, not just how high-level the API is. Gives concrete contrasts… | ||
| Identify Issues and Prevent Slowdowns in your Vue.JS Apps | Simon Zhong | 07m |
Shows how to install the Sentry Vue.js SDK to hook into Vue global errors and send events and alerts to Slack, with uploaded source maps producing deminified… | ||
| Utilising Rust from Vue with WebAssembly | Joe Lenton | 07m |
Shows concrete steps to compile Rust to WebAssembly and import it into a Vue app: uses Vue CLI with webpack 5 to enable async WebAssembly, builds Rust with… | ||
| One Year Into Vue 3 | Evan You | 20m |
Vue 3 ships major rewrites for reactivity and VDOM, adds script setup and v‑memo, and reaches 1.2 million downloads per month after 3.0 plus 3.1 and 3.2 and 52… | ||
| Welcome to Nuxt 3 | Alexandre Chopin | 15m |
Nuxt 3 is a full rewrite in TypeScript that lands Vue 3, Vite and Webpack 5 support and a new runtime called Nitro that targets Node Deno workers and edge… | ||
| Everything Beyond State Management in Stores with Pinia | Eduardo San Martin Morote | 25m |
Pinia is a ~1.5 kilobyte store that claims full Vue 2 + 3 support and concrete extras: createPinia registry, a plugin API that returns merged properties… | ||
| Local State and Server Cache: Finding a Balance | Natalia Tepluhina | 24m |
Shows a concrete alternative to implementing server cache with Vue by using vue-query against a local axios REST API (a Dune characters demo), replacing… | ||
| Vuex? No, it’s X(state)Vue for UI | Maya Shavin | 33m |
Argues boolean flags scale poorly and replaces them with concrete state machines using xstate for view and the @xstate/vue hooks, shows a working toggle and… | ||
| Structuring A Massive Vuex Store | Domagoj Vidovic | 21m |
Claims a concrete, scalable Vuex architecture used at Orbital Witness that avoids hard‑coded strings and accidental cross‑module access, implemented with… | ||
| New Ways to Vue | Anthony Fu | 15m |
Composition API plus script setup syntax and style v-bind remove boilerplate and improve TypeScript and reuse; Vite replaces bundlers with an on‑demand dev… | ||
| Options API vs Composition API: Choosing the Right Approach for Your Team | Ben Hong | 22m |
Compares three concrete approaches: pure Options API (predictable structure, easy for non-JS contributors), pure Composition API with script setup (plain-JS… | ||
| Modern State Management with Vue 3 | Vanessa Otto | 21m |
Claims that the Composition API plus the reactivity primitives can replace Vuex for many apps and demonstrates exactly how: builds a small demo using ref and… | ||
| Vuetify 3: Titan | John Leider | 20m |
Vuetify 3 claims a full port to the Vue 3 composition API with roughly 42 basic components forming the foundation, a rewritten validation system supporting… | ||
| How Vite Changes the Game for Vue and Web Developers | Alex Kyriakidis | 21m |
Vue.js Live 2021 #VueJSLive #VueJSLondon #GitNation
Website – https://vuejslive.com/
Follow the link to watch the full version of all the conference talks… | ||
| Animation and Vue.js | Callum Macrae | 31m |
Covers concrete techniques: Vue's transition component and transition-group, when to use v-show vs v-if, and the performance rule that only transforms and… | ||
| Vue Form Validations with Vest | Evyatar Alush | 21m |
Demo shows Vest used inside a Vue options‑API form to create suites and write validations that read like unit tests, with features demonstrated: only field… | ||
| Patterns for Large Scale Vue.js Applications | Daniel Kelly | 24m |
Argues predictability as the goal and standards as the means, citing four sources: the Vue style guide, Vue CLI scaffolding, official libraries (Vue Router… | ||
| How to Measure Performance Effectively? | Filip Rakowski | 27m |
Explains how Lighthouse CI (available as a GitHub Action) and PageSpeed Insights give lab audits while the Chrome User Experience Report supplies 28‑day field… | ||
| Taking Vue.js to the Backend | Marc Backes | 22m |
Claims that the Vue 3 reactivity engine runs in Node and demos it by importing reactive/effect/computed into an Express server; implementation uses ES6 Proxy… | ||
| Advanced Site Rendering Patterns on the Jamstack | Ekene Eze | 22m |
Shows measured tradeoffs: a 4,000‑page Jamstack site can hypothetically take an hour to build at one second per page, so the claim is that ISR (generate a… | ||
| Fast & Furious - Going headless with Nuxt.js! | Samuel Snopko | 31m |
Shows exactly how to wire Nuxt.js to Storyblok: install axios and storyblok-nuxt module, stash an access token, set preview URL, and call the API from… | ||
| Optimising Developer Experience with Nuxt 3 | Daniel Roe | 26m |
Claims concrete improvements: Nuxt 3 ships a new h3 ultra‑minimal HTTP layer and nitro-powered isomorphic $fetch that lets server handlers call local APIs… | ||
| CI/CD Success for Vue Developers | Zan Markan | 23m |
Concrete CI/CD checklist: uses Circle CI with demonstrated SSH debug to drop into failing build containers and diagnose issues, shows caching like cache… | ||
| How to Seamlessly Migrate a Large Codebase to Vue 3 | Baptiste Jamin | 20m |
Crisp migrates a 250K-line app to Vue 3.2 in about two weeks, keeping production running on master while developing a Vue 3 branch and porting fixes back; the… | ||
| Code at the Speed of Design in Chakra UI Vue | Jonathan Bakebwa | 22m |
Claims that v1 theming API lets you override base styles, add custom variants and sizes, and wrap non‑Chakra components with a factory function api… | ||
| Let SEO be with You in Your Nuxt App | Alba Silvente Fuentes | 27m |
Shows concrete Nuxt steps: install @nuxtjs/sitemap and set hostname trailingSlash gzip, add a small module that listens to the generate:done hook to inject… | ||
| Understand the hard parts of Nuxt | Konstantin Bifert | 08m |
Checks common Nuxt pitfalls with concrete fixes: Vuex strict mode can block silent mutations so set it false or use proper mutation handlers; shallow clones… | ||
| Progressive Form Validation in Vue.js | Abdelrahman Awad | 09m |
Claims that vee-validate is the dominant Vue form library with 1.4M downloads/month and a composition-first API; demonstrates using yup and plain JS rules plus… | ||
| Technical SEO & JavaScript | Martin Splitt | 07m |
Claims that client‑side rendering works because Google renders with an evergreen Chromium renderer (ES6 is fine) and that render queue delays are short since… | ||
| Migrating to Vue 3 | Adam Jahr | 05m |
Demo app upgrades a Vue 2 project to Vue 3 using the migration build and a Vue CLI workflow: install Vue 3 plus the migration build and SFC compiler, run the… | ||
| Panel Discussion – State Management | Kia King Ishii, Eduardo San Martin Morote, Vanessa Otto | 33m |
Claims and practical tradeoffs are clear: Pinia works with Vue 2 and 3 and is simpler than Vuex, the Composition API and the standalone reactivity package let… | ||
| Vue Storefront + Vendure = Fullstack Open Source Ecommerce | Jakub Andrzejewski | 19m |
An end-to-end open source stack is shown: Vue Storefront front end (Nuxt.js, TypeScript) connected to Vendure back end (Nest.js, TypeScript) over GraphQL API… | ||
| nothing matches | ||