Vue and Vuex: The good, the bad and the ugly

on YouTube ↗27m

" summary

GitLab moves from jQuery to Vue and Vuex and reports concrete outcomes: one month to build the issue boards, real-time updates via API, and a GitLab UI wrapper for Bootstrap to reduce duplication. A homegrown CLI scaffolds a predictable Vuex request/receive/failure pattern and tests. The refactor exposes performance traps — keys, mutating props, thousands of listeners, and the v-if vs v-show caused OOM lesson — and documents practical fixes (directives, mapGetters, CSS sticky) that actually worked.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 0:25Vue and Vuex
3. 0:57What is GitLab?
4. 4:19The Good
5. 6:42The Bad
6. 8:00Vuex
7. 11:00CLI Demo
8. 15:47The Ugly

" related talks

• 21mVue JS Best PracticesFatih Acet · Amsterdam JSNation Conference 2018
• 31mHow do we use Vue js in GitLabFatih Acet · DevFest Nantes 2018
• 27mHow We Do Vue At GitLabJacob Schatz · VueConf US 2018
• 20mVueJS atFatih Acet · jsPoland 2018
• 49mVue and Vuex: Structure your app with centralized state managementChristoffer Noring · Øredev 2018
• 47mVue & VuexChristoffer Noring · iJS 2018
• 35mMaking Vue with VueJacob Schatz · Vue.js Summit 2018
• 26mMigrating a big old codebase to Vue 3: what I'm excited aboutNatalia Tepluhina · Vue.js Global 2020