Vue JS Best Practices

on YouTube ↗21m

" summary

Claims concrete results: GitLab runs Vue in production for more than a year, refactors legacy features and adds new ones using Vuex for state management, replaces DOM hacks with data-driven updates, and composes pages from multiple smart components (five merge-request widgets on one page). Uses single-file components with scoped CSS, measures hotspots with Vue perf tools, and notes Vue is 20 KB minified and gzipped and integrates with Sentry for runtime error tracking.

AI-written summary · about

" chapters (12)

1. 0:00Intro
2. 1:22About Vue
3. 2:31About Github
4. 3:04About GitLab
5. 4:13Why Vue JS
6. 6:51Vue best practices
7. 7:41Vue datadriven framework
8. 10:38Computed properties
9. 13:00Scope CSS
10. 15:33Performance
11. 16:17Common Component Communication
12. 19:29React

" related talks

• 27mVue and Vuex: The good, the bad and the uglyFilipa Lacerda · VueConf TO 2018
• 31mHow do we use Vue js in GitLabFatih Acet · DevFest Nantes 2018
• 20mVueJS atFatih Acet · jsPoland 2018
• 27mHow We Do Vue At GitLabJacob Schatz · VueConf US 2018
• 39mVue.js - developer friendly, fast and versatileAlexander Schwartz · code.talks 2017
• 47mVue & VuexChristoffer Noring · iJS 2018
• 49mVue and Vuex: Structure your app with centralized state managementChristoffer Noring · Øredev 2018
• 26mMigrating a big old codebase to Vue 3: what I'm excited aboutNatalia Tepluhina · Vue.js Global 2020