vue talk require lx - GitLab...// parent 2 3 methods: { handleCIick() { // do something 9 10) ild-component @userCI icked=" handleCIick" 11

Vue.jsMade my life easier

Filipa Lacerda - @filipalacerda

SENIOR FRONTEND ENGINEER @ GITLAB

@filipalacerda

gitlab.com/filipa

github.com/filipalacerda

alligator.io/author/filipa-lacerda

http://gitlab.com/filipa

http://github.com/filipalacerda

http://alligator.io/author/filipa-lacerda

https://vuejs.org/

🦄 Versatile

🚀 Performant

Composing Components

Props go down, events go up

Props go down

Events go up

Template system

Conditional Rendering List renderingEvent handlingForm input bindingsClass and style bindings

https://jsfiddle.net/24eo7fzy/8/

https://gitlab.com/gitlab-org/gitlab-ce/commit/0f43e98ef8c2da8908b1107f75b67cda2572c2c4

2011

The start of Gitlab

https://gitlab.com/gitlab-org/gitlab-ce/commit/0f43e98ef8c2da8908b1107f75b67cda2572c2c4

2012

Sid comes in

2013

Dmitriy was hired

2014

The company!

Why?

22nd of each month

Reactivity!

Rewrite all the things?

Rewrite all the things?

NO.

https://vuejs.org/v2/guide/state-management.html#Official-Flux-Like-Implementation

What about complex states?

https://vuex.vuejs.org/en/intro.html

https://vuex.vuejs.org/en/intro.html

https://router.vuejs.org/en/

Vue Router

https://router.vuejs.org/en/

Questions?

Documents

vue talk require lx - GitLab...// parent 2 3 methods: { handleCIick() { // do something 9 10) ild-component @userCI icked=" handleCIick" 11