Patterns for Large Scale Vue.js Applications

on YouTube ↗37m

" summary

Advocates following the Vue style guide and using the officially recommended tools: install Volar, enable ESLint/Prettier and adopt TypeScript for IDE autocompletion and safer refactors; prefer Nuxt 3’s file-based layout so pages become routes, components auto-import, and composables auto-import; name routes like /photos, /photos/create and co-locate page partials; wrap axios in an HTTP class (or use SDKs like Firebase/Supabase) to avoid provider lock‑in; write tests early and run them in CI.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 7:02Take Full Advantage of your IDE
3. 12:37Route Naming Convention
4. 16:27Wrap 3rd Party Code
5. 20:04Interact with Backends with an SDK
6. 21:48Testing

" related talks

• 48mPatterns for Large Scale Vue JS ApplicationsDaniel Kelly · Connect.Tech 2022
• 19mPatterns for Large Scale Vue.js ApplicationsDaniel Kelly · Vueconf.US 2023
• 24mPatterns for Large Scale Vue.js ApplicationsDaniel Kelly · Vue.js London Live 2021
• 30mEmpowering Vue with TypeScript, Inversify, Vuex and some other super toQuique Fernandez Guerra · Vue.js Amsterdam 2019
• 47mReal and Scalable Applications with Nuxt, Vuex and TypescriptQuique Fdez Guerra · Vuejs Roadtrip Barcelona 2018
• 22mWays to architecture your vue/nuxt appGeisy Domiciano · JSDay 2019
• 46mVueJS for Scalable ApplicationsSendoa Barciela, David Liébana · Commit Conf 2019
• 29mAdvanced Vue.js features and patterns in the enterpriseIsrael Roldan · Frontend Love Eindhoven 2019