JSWorld Conference 2022
2022-02-09..2022-02-11
Amsterdam, Netherlands
[JSWorld Conference 2021, JSWorld Conference USA 2021, JSWorld Conference 2022, JSWORLD Conference 2022 Online, JSworld Conference 2023, JSWorld Conference 2024]
who it's for
front-end developers, Vue developers, full stack developers, frontend architects, engineering managers, UI/UX designers, QA engineers
topics
Nuxt 3 developer experience; Vue 3 migration strategies; Vite-based dev tooling; web performance optimisations; state management with Composition API; Pinia store patterns; client-server cache with vue-query; component testing with Cypress; Storybook interaction testing; micro-frontends architecture and loaders; CSS Houdini paint worklets
| title | author | length |
|---|---|---|
| Designing High Performance React Applications | Sendil Kumar N | 25m |
Claim: every one second faster raises conversion ~2% and ideal load is ~3–4s vs average mobile ~15s. Tools and tactics: webpack/parcel bundling and route… | ||
| State of the Vuenion 2022 - Vuejs Amsterdam 2022 | Evan You | 36m |
Default switched to Vue 3 on Feb 7 and adoption jumps, with 800,000 weekly npm downloads for @vue/runtime-core and a +70% lift since the default change, Nuxt 3… | ||
| From Startup to Unicorn | Loick Le Digabel | 20m |
Back Market grows to 700 employees and front-end expands to ~30 engineers across 11 squads using Vue.js and Next; the talk explains concrete scaling moves… | ||
| The Evolution of JavaScript | Jemima Abu | 26m |
JavaScript starts as a client-side form-validation hack for Netscape and is famously built in ten days by Brendan, then standardized as ECMAScript; it expands… | ||
| CSS Houdini | Negar Jamalifard | 22m |
Explains that CSS Houdini exposes low‑level rendering phases so JavaScript can produce typed CSS values (Typed OM returns unit objects not strings), register… | ||
| New Developer Experiences with Nuxt 3 | Daniel Roe | 33m |
Nuxt 3 claims concrete DX wins: it generates a project tsconfig.json so editors get full TypeScript typing and inline docs, provides a nitro-powered isomorphic… | ||
| Micro-frontends: 3 years ago | Max Gallo | 21m |
Company moves from 3–4 frontend devs to 500 and evolves micro-frontends from pure vertical to a mix of vertical hosts and horizontal components, merging two… | ||
| Storybook embedding | Gert Hengeveld | 19m |
Storybook 6.4 introduces play function based interaction testing via CSF3 and 6.5 adds assertions and accessibility checks, running in-browser with Testing… | ||
| Eleftheria Batsou-UX vs UI: It’s easy to create a good looking product, but what about a useful one? | Eleftheria Batsou | 28m |
Gives the 10 usability heuristics (Nielsen Norman) with concrete examples: a rideshare app that must save favorites and show real‑time location, Coursera‑style… | ||
| How to enable large scale collaboration between disciplines using Nuxt | Yassine El Ouazzani | 21m |
Shows converting a giant e‑commerce monolith into a Nuxt‑based front‑end platform that runs in production, with teams owning micro apps but sharing a single… | ||
| Local state and server cache: how to balance them with vue-query | Natalia Tepluhina | 28m |
A demo replaces duplicated Vuex fetch logic with vue-query composables around a simple tractors app, showing concrete code: useQuery and useMutation, query… | ||
| State Management with Composition API | Vanessa Otto | 25m |
Demonstrates replacing Vuex in small apps by using the Composition API reactivity primitives to build a working dashboard: a local composable useItems with ref… | ||
| Nuxt 3 Modules and Open-Source | Lucie Haberer | 23m |
Shows how to scaffold a Nuxt 3 module with the Nuxt CLI, use Nuxt Kit and the module builder to bundle it, and develop inside the provided playground app… | ||
| Fast Stories Powered by Vite; Histoire | Guillaume Chau | 37m |
A small app called Histoire generates component stories using Vite and Vue, running two Vite servers (node-side story scanner plus a dev server) and delivering… | ||
| Getting more out of your Pinia Stores | Eduardo San Martin Morote | 28m |
Pinia exposes Vue reactivity internals so stores live in a single app-wide ref turned into per-store refs, using effect scopes and ref unwrapping to keep one… | ||
| Full stack development with Nuxt 3 and Nitro | Pooya Parsa | 35m |
Nuxt 3 and Nitro aim to turn a framework into a portable server: bundling server code for edge, service workers and node, with server-side code splitting to… | ||
| Vue3: Modern Frontend App Development | Mikhail Kuznetcov | 23m |
Vue 3 + Composition API is used to build a working shopping cart (bike and helmet) wired to Pinia; the demo shows item removal, subtotal and a tax calculation… | ||
| Component Testing with Vite, Vue, and Cypress | Jessica Sachs | 38m |
Cypress 10 brings a polished component runner that actually mounts Vue components in a real browser, supports Vite-era ES modules, and fixes the old two‑minute… | ||
| Dexter - My Sweet Stack: GraphQL, Svleltekit, Docker, Github | Dexter | 17m |
Claims a "perfect" stack and actually shows it running: a Debian VPS hosts Postgres with GraphQL via Hasura (event triggers for email), a SvelteKit front end… | ||
| Everything you need to know about Web Performance | Filip Rakowski | 32m |
Claims that improving Largest Contentful Paint halved bounce rate for NDTV and that optimizations lifted mobile revenue by 42% for a resale service; recommends… | ||
| Building Components for Vue 2&3 - an Attempt at solving the challenge | Thorsten Lünborg | 31m |
Concrete recipe for cross‑version Vue components: use vue bridge — a tiny 600 bytes runtime that normalizes v-model and options, a testing bridge exposing one… | ||
| The Nuxt Web | Sébastien Chopin | 19m |
Nuxt 3 claims a concrete shrink: Nuxt 3: 34.1 KB vs Nuxt 2: 91.2 KB for a hello‑world bundle, with ~25 KB being Vue 3 and 8.7 KB the hydration/entry code. The… | ||
| Animating with Vue | Ramona Biscoveanu | 24m |
Concrete how-to: using Vue transition/transition-group and Vue 3 router v‑slot for page transitions, combine with GSAP (GreenSock) timelines and fromTo/tween… | ||
| It's a Testing Trap | Ramona Schwering | 23m |
Covers concrete traps and fixes: unit and component tests with Jest and Vue Test Utils, plus end-to-end work in Cypress; claims slow pipelines, flaky tests and… | ||
| Reusable Widgets That Work! | Maria Lamardo | 42m |
Concrete, working patterns for accessible widgets: reusable Vue.js (and Svelte) components that implement focus traps and role="dialog" aria-modal="true" for… | ||
| State of Deno 2022 | Colin Ihrig | 25m |
Deno claims production readiness after a May 2020 1.0 release and a complete rewritten in Rust native layer that wraps V8 via rusty_v8, using Tokio, rustls and… | ||
| The Unwanted Stack | Maya Shavin | 30m |
Argument: Vue must run inside constrained company platforms so the practical question is how to make it work, not which shiny framework wins. Production… | ||
| How vite changes the game for Vue and Web development | Alex Kyriakidis | 38m |
Vite is a two-part build tool with a fast dev server and a Rollup production build; the dev server serves native ES modules and leverages esbuild so dev server… | ||
| Five things to move your web app to Web3 universe! | Tomasz Kania Orzeł | 21m |
Five concrete steps and a working example decide whether to watch: a Next.js poll that moves from centralized API storage to a decentralized stack. It shows… | ||
| Building your Brand Using Azure Static Webapps, One Step at a Time | Stacy Cashmore | 26m |
Creates an Angular + TypeScript site deployed on Azure Static Webapps, uses Azure Functions with axios to fetch posts from Dev.To and return article summaries… | ||
| An Phan - Vue 2 to 3 migration: A real-life experience - Vuejs Amsterdam 2022 | An Phan | 32m |
Migrating a real app from Vue 2 Options API to Vue 3 Composition API shows concrete changes: the mounting API and event-bus pattern break, async components… | ||
| Vue Report: Amsterdam 2022 highlights and takeaways - Vuejs Amsterdam 2022 | Artur Rosa | 18m |
A concise field report on Vue Amsterdam 2022 that names concrete tradeoffs and migration paths: case‑by‑case decisions when hard dependencies block upgrading… | ||
| petite-vue - Progressively enhancing any application? | Alexander Lichter | 27m |
Claim: petite-vue is a tiny Vue distribution that enables progressive enhancement without a build step. It uses the familiar template syntax, walks the… | ||
| The DX Magic in the Vueniverse | Alex Jover | 23m |
Storyblok reduces Vue/Nuxt integration to three steps to connect Nuxt 3: install the Storyblok Nuxt module, auto-discover components, and two lines to fetch… | ||
| SDKs, Relations, Love & Thunder | Samuel Snopko | 22m |
Claims that SDKs save developer time and shipping-ready SDKs exist for React Vue Next Remix Astro Svelte Swift are backed by demos and docs rather than… | ||
| The Hurdless of Releasing and Maintaining a Mobile App | Wim Selles | 26m |
Building an app with Ionic NativeScript React Native is easy but releasing is full of specifics: need Xcode/Mac, pay $99 for App Store access or $25 for Play… | ||
| The Edge at your fingertips, literally! | Gift Egwenu | 42m |
Claim: Cloudflare pushes serverless to the edge so functions run from over 270 locations with Cloudflare Workers and a warmed runtime that reduces cold starts… | ||
| Serverless & Deploying to the Cloud with VSCODE | Natalia Venditto | 26m |
Live provisioning of 8 resources on Azure using Azure Developer CLI and type‑safe Bicep creates a React front end, a backend API, and a Cosmos DB (Mongo API)… | ||
| nothing matches | ||