Vue and VUEX
THE GOOD THE BAD AND THE UGLY
GitLab's use case
Filipa Lacerda - senior frontend engineer
VueConf TO 2018
@filipalacerda
Filipa Lacerda
senior CI/CD frontend engineer
GitLab
@filipalacerda
gitlab.com/filipa
github.com/filipalacerda
alligator.io/author/filipa-lacerda
@filipalacerda
VueConf TO 2018
Vue and VUEX
THE GOOD THE BAD AND THE UGLY
GitLab's use case
VueConf TO 2018
@filipalacerda
https://about.gitlab.com/jobs/
VueConf TO 2018
@filipalacerda
wHAT IS GITLAB?
VueConf TO 2018
@filipalacerda
386 team members
92 pets
https://about.gitlab.com/team/
VueConf TO 2018
@filipalacerda
0 offices
Remote only
47 countries
VueConf TO 2018
@filipalacerda
Cool perks
Async work
Paid time off
Summits
VueConf TO 2018
@filipalacerda
open source
VueConf TO 2018
@filipalacerda
COLLABORATION
RESULTS
EFFICIENCY
DIVERSITY
ITERATION
TRANSPARENCY
Work asynchronously with fully remote workforce
Track outcomes, not hours
Boring solutions win.
We want cultural diversity instead of cultural conformity.
Minimum Viable Change. If the change is better than the existing solution, ship it.
Everything at GitLab is public by default
VueConf TO 2018
@filipalacerda
results
efficiency
iteration
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
THE GOOD
VueConf TO 2018
@filipalacerda
🦄 PROGRESSIVE
VueConf TO 2018
@filipalacerda
https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/5554
VueConf TO 2018
@filipalacerda
1 month
VueConf TO 2018
@filipalacerda
1 month
@iamphill
@dbalexandre
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
rails application
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
Vue app
VueConf TO 2018
@filipalacerda
THE bad
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
ESLINT-PLUGIN-VUE
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
Vuex
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
but!
https://gitlab.com/gitlab-org/gl-vue-cli
VueConf TO 2018
@filipalacerda
CLI DEMO
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
https://gitlab-org.gitlab.io/gitlab-ui
VueConf TO 2018
@filipalacerda
THE ugly
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
https://codepen.io/leipert/pen/dKjKBx
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
🚀
VueConf TO 2018
@filipalacerda
v-if
v-show
VS
🥊
VueConf TO 2018
@filipalacerda
https://gitlab.com/gitlab-org/gitlab-ce/issues/48898
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/20448/
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
mapGetters
VueConf TO 2018
@filipalacerda
pure functions
EVENT LISTENERS
https://gitlab.com/gitlab-org/gitlab-ce/issues/48789
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
v-once
https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/20468/diffs
VueConf TO 2018
@filipalacerda
DO WE REGRET the refactors?
VueConf TO 2018
@filipalacerda
no.
VueConf TO 2018
@filipalacerda
DO WE REGRET chosing vue and vuex?
VueConf TO 2018
@filipalacerda
no.
VueConf TO 2018
@filipalacerda
VueConf TO 2018
@filipalacerda
gl-vue-cli
gitlab-ui
gitlab-svg
graphql
VueConf TO 2018
@filipalacerda
EVERYONE CAN CONTRIBUTE
https://gitlab.com/gitlab-org/gitlab-ce/tree/master
VueConf TO 2018
@filipalacerda
Thank you!
@filipalacerda
gitlab.com/filipa
github.com/filipalacerda
VueConf TO 2018
@filipalacerda
VueConf Toronto
By Filipa Lacerda
