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