Patterns for Large Scale Vue JS Applications
summary
Focuses on concrete conventions and tools: follow the Vue style guide (PascalCase components, app/base prefixes, multi-word names) and use official tooling like Vite, Pinia, Nuxt3 to get auto-imported components/routes and generated API types. Recommends Volar + TypeScript for IDE autocomplete and safer refactors, wrap third-party libs (axios→HTTP wrapper) to avoid lock‑in, prefer backend SDKs (Firebase/Supabase) or small SDK layers, and run Vitest/Cypress so refactors don’t break production.
AI-written summary · about
chapters (12)
- 0:00Introduction and speaker intro
- 2:27Why structure matters in large apps
- 4:57Vue.js style guide standards
- 9:29Official tooling recommendations
- 11:57UI frameworks for predictability
- 14:07Leveraging your IDE fully
- 17:20TypeScript benefits for Vue
- 24:20File structure with Nuxt 3
- 30:01Wrapping third-party code
- 38:06Backend interaction via SDKs
- 41:57Testing strategies for Vue apps
- 44:04Summary and additional resources
related talks
37mPatterns for Large Scale Vue.js Applications
19mPatterns for Large Scale Vue.js Applications
24mPatterns for Large Scale Vue.js Applications
30mEmpowering Vue with TypeScript, Inversify, Vuex and some other super to
31mBuilding Components for Vue 2&3 - an Attempt at solving the challenge
26mA modular approach to building large-scale apps with Vue by Kunal Varma
29mAdvanced Vue.js features and patterns in the enterprise
46mVueJS for Scalable Applications