Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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