How We Do Vue At GitLab

on YouTube ↗27m

" summary

GitLab moves from inline JS and CoffeeScript to a pragmatic Vue stack: removed CoffeeScript and progressively rewrote to ES6, added webpack and vue-loader and adopts Vuex for consistent state. Release rhythm forces small iterations (features in review by the 1st, merged by the 7th, release on the 22nd). The notes/comments page is rewritten in Vue and renders faster than previous jQuery code, events stop leaking after dropping turbolinks, and compilation hotspots shrink dramatically.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:40The Problem
3. 5:13What we needed
4. 6:58The Solution
5. 14:50Add in Vue Loader
6. 16:55Vuex
7. 19:18Docs
8. 19:38The Present
9. 20:10The Future
10. 24:19The Vue Component
11. 26:00Summary

" related talks

• 31mHow do we use Vue js in GitLabFatih Acet · DevFest Nantes 2018
• 20mVueJS atFatih Acet · jsPoland 2018
• 27mVue and Vuex: The good, the bad and the uglyFilipa Lacerda · VueConf TO 2018
• 21mVue JS Best PracticesFatih Acet · Amsterdam JSNation Conference 2018
• 34mRescuing GitLab from CSS BloatClement Ho · The Conf 2018
• 26mMigrating a big old codebase to Vue 3: what I'm excited aboutNatalia Tepluhina · Vue.js Global 2020
• 29mMigration of GitLab Codebase from Vue 2 to Vue 3Artur Fedorov · bit summit 2025
• 01h 11mHow We Updated @vue/test-utils in GitLabIlya Klimov · HolyJS 2021 Piter