Choosing Vue.js

Why would you choose Vue?

Transcript

1. 65K+ Stars
   Top 10 All Time
   

   View Slide

2. 250K+ Weekly Active Users
   Chrome DevTools Extension
   

   View Slide

3. View Slide

4. View Slide

5. Rahul Kadyan
   Vue.js Core Contributor
   Software Engineer - Myntra
   

   View Slide

6. Choosing xxx
   Choosing Vue
   

   View Slide

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

   View Slide

8. It’s simple
   

   View Slide

9. View Slide

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

    View Slide

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

    View Slide

12. View Slide

13. {
    template: `
    
    
    Hello World
    
    `
    }
    HTML
    {
    render () {
    return (
    
    
    
    Hello World
    
    
    )
    }
    }
    JSX
    {
    render (h) {
    return h('App', [
    h('Sidebar'),
    h('Content', [
    h(
    'p',
    'Hello World’
    )
    ])
    ])
    }
    }
    JS
    

    View Slide

14. View Slide

15. 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    hello from parent
    {{ props.text }}
    
    
    
    

    View Slide

16. View Slide

17. 
    
    
    

    View Slide

18. View Slide

19. View Slide

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

    View Slide

21. View Slide

22. View Slide

23. View Slide

24. Tech
    Choosing for
    emerging markets
    1. Server Side Rendering
    

    View Slide

25. View Slide

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

    View Slide

27. Templates Scripts Styles
    

    View Slide

28. Template
    Script
    Style
    

    View Slide

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

    View Slide

30. View Slide

31. vue-test-utils
    In pre-release stage.
    

    View Slide

32. View Slide

33. View Slide

34. – 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.”
    

    View Slide

35. @znck0
    

    View Slide