Patterns for Large Scale Vue.js Applications
summary
Argues predictability as the goal and standards as the means, citing four sources: the Vue style guide, Vue CLI scaffolding, official libraries (Vue Router, Vuex) and popular frameworks (Vuetify, Quasar). Recommends flat component directory or an almost-flat with partials compromise, a standardized route naming convention (clients.index create show edit), linting via the eslint plugin, wrapping third-party libs (example: wrap axios in an http class then swap to fetch), auto-registering base components, and testing with Vue Testing Library.
AI-written summary · about
chapters (11)
- 0:00Intro
- 0:29Daniel Kelly
- 5:314 sources of standards
- 8:22Vue CLI Provided Standard File Structure
- 11:38Vue.js Style Guide
- 13:32A Flat Component Directory
- 14:54Confession
- 18:10Wrap 3rd Party Libraries and Components
- 21:51Auto Register Base Components
- 22:35Vue Testing Library
- 23:33Vue.js 3 Master Class
related talks
48mPatterns for Large Scale Vue JS Applications
37mPatterns for Large Scale Vue.js Applications
19mPatterns for Large Scale Vue.js Applications
29mAdvanced Vue.js features and patterns in the enterprise
32mVue, simple yet scalable
27mVue Style Guide - Creating Maintainable Applications
46mVueJS for Scalable Applications
26mA modular approach to building large-scale apps with Vue by Kunal Varma