Quick intro to VueJS

2016 was a good year

Github : 3rd most starred among all projects in 2016

VueJS / React

  • Utilize a virtual DOM,
  • Provide composable view components,
  • Routing and global state handled by external libs,
  • Offer functional components, which are stateless and instanceless.

Similarities

VueJS / React

  • Vue doesn't need shouldComponentUpdate (components dependencies are automatically tracked during its render),
  • Vue uses <template> and React uses JSX.

Differences

<template>
  <div class="list-container">
    <ul v-if="items.length">
      <li v-for="item in items">
        {{ item.name }}
      </li>
    </ul>
    <p v-else>No items found.</p>
  </div>
</template>

Vuex

State management library for VueJS

Vue-router

...

Vuepack

A starter kit with :
Vue 2, Vuex, Vue-router and Webpack 2.

Made with Slides.com