$30 off During Our Annual Pro Sale. View Details »

Choosing Vue.js

Rahul Kadyan
September 15, 2017

Choosing Vue.js

Why would you choose Vue?

Rahul Kadyan

September 15, 2017
Tweet

More Decks by Rahul Kadyan

Other Decks in Programming

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