Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column
width70%
Info
titleAbout

Recently on Base22 we started to evaluate Vue.js to be used on an Enterprise environment, this article provides a none technical overview of this new framework.

Info
titleAbout Vue

Vue (pronounced /vju?/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications - Official web site

Note: all the content is related to Vue 2.x

Things Vue.js Got Right

  • Focus
  • Simplicity
  • Flexibility
  • Copying competitors

Where Vue Is Lacking

  • Vue doesn’t yet have the support and widespread adoption of it’s fellow frameworks. There are far more resources for React, from NPM modules to Stack Overflow answers.
  • While Vue is being picked up by large organizations like Alibaba and Baidu, some more examples of high traffic websites would attest to Vue’s integrity at scale.
  • Maybe there’s such a thing as being too flexible. An Ember app will always look like an Ember app. But Vue’s multitude of options might become a burden when used in larger projects involving many developers

For more info check: https://medium.com/js-dojo/4-things-vue-js-got-right-10820cc84004#.z0j9a7b43

Vue in the reality

So, on "where Vue Is Lacking", Anthony Gore mentioned tree excellent points, as a complement, the article Angular vs React?—?the DEAL BREAKER also evaluate Angular, React and Vue on a deeper list of topics, keep in mind all of them!, specially if you want to use Vue 2 on the Enterprise environment (at the moment this article was written).

On summary: what is the best for you?

To sum up, there is never a perfect solution and there never will be. However, here is a useful list to help you make the decision:

  • if you are a passionate developer, try all, but chose between vue and react and let your gut make the decision
  • if you are a start up, go with either react or vue.
  • Angular would be a better choice for companies with big teams
  • Google -> angular
  • if you like simplicity, get vue.
  • if you like to use templates, go for vue or angular.
  • if you prefer JavaScript and JSX, try out everything.
  • if you love Typescript, use angular or maybe, maybe vue.

To summarize, choose your framework as soon as you can and don’t, please don’t stay undecided. I had that for a few moths, not fun. I decided to sacrifice the popularity and go for what my mind tells me is the best, currently vue.

Source: https://hackernoon.com/angular-vs-react-the-deal-breaker-7d76c04496bc#.xyl87s57w

JavaScript & Frameworks Flavors

Okey, we can spend a lot of time on this topic, but, to keep it simple as possible and since the main object is Vue, I recommend you to check the next two links, both are part of a survey where over nine thousand developers took part in the first edition of the State Of JavaScript survey, and again Vue.js is mentioned.

JavaScript Libraries to Keep an Eye on in 2017

As you can see, the JavaScript Flavor is huge, and, event than Vue.js is probably not the best solution for an enterprise environment, right now, Vue.js mentioned as one of the JavaScript libraries to follow on 2017:

Example of Vue components

Yup, Vue is perfectly capable of powering sophisticated Single-Page Applications and, of course, components!!

Vue-cli

         
Vue-cli is a simple scaffolding tool for Vue.js projects, it provides different "templates" to start off Vue.js projects ad allows a team to start a project really fast while also having great development and production features like:
  • Single File Components out of the box                           
  • State preserving hot-reload
  • State preserving compilation error overlay
  • Lint-on-save with ESLint
  • Source maps
  • JavaScript minified with UglifyJS.
  • HTML minified with html-minifier.
  • Bundle size analytics

Facebook Group

You call it the "official Facebook group" for Vue

Use Cases

Why GitLab went with Vue.js - https://about.gitlab.com/2016/10/20/why-we-chose-vue/

 

Include Page
_Joaquín.Arellano
_Joaquín.Arellano

Column
width30%

Table of Contents