Slide 1

Slide 1 text

65K+ Stars Top 10 All Time

Slide 2

Slide 2 text

250K+ Weekly Active Users Chrome DevTools Extension

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

Rahul Kadyan Vue.js Core Contributor Software Engineer - Myntra

Slide 6

Slide 6 text

Choosing xxx Choosing Vue

Slide 7

Slide 7 text

Team Choosing for your team 1. Simplicity 2. Resources 3. Performance

Slide 8

Slide 8 text

It’s simple

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

krausest/js-framework-benchmark 0.9 0.975 1.05 1.125 1.2 Slowdown 1.04 1.19 1.15 Angular React Vue

Slide 11

Slide 11 text

Tech Choosing for features 1. Declarative Rendering 2. Composition 3. Stylesheets or CSS

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

{ template: `

Hello World

` } HTML { render () { return (

Hello World

) } } JSX { render (h) { return h('App', [ h('Sidebar'), h('Content', [ h( 'p', 'Hello World’ ) ]) ]) } } JS

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

hello from parent {{ props.text }}

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Tech Choosing for large applications 1. Client Side Routing 2. Application State 3. Optimisation Efforts

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Tech Choosing for emerging markets 1. Server Side Rendering

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

DX Choosing for developer experience 1. Collocation 2. Editor Support 3. Build & Test Tools 4. Browser DevTools

Slide 27

Slide 27 text

Templates Scripts Styles

Slide 28

Slide 28 text

Template Script Style

Slide 29

Slide 29 text

posva/vim-vue vuejs/vetur vuejs/vue-syntax-highlight

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

vue-test-utils In pre-release stage.

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

– Jacob Schatz, Lead Frontend Developer, GitLab “We chose it (vue) because it was more simple than everything out at there. It makes it easy to grasp the concepts and it was also easy to make a large app.”

Slide 35

Slide 35 text

@znck0