by Indrek Lasn

From Zero to Hero with Vue - But first, why Vue?

Vue has taken the Javascript world by storm - and for a good reason. Vue is a great tool to work with. I had the pleasure to work for a company who made Vue applications and I found it a blast!

Note: This article was originally published at strilliant.com — please give some love to the original! ❤

From Zero to Hero with Vue - But first, why Vue?
Vue has taken the Javascript world by storm - and for a good reason. Vue is a great tool to work with. I had the…www.strilliant.com

It’s safe to say Vue has proven itself and has a bright future ahead. Why not give Vue a try? After all, being a developer means being a student for life.

Source: Official Vue Documentation

Note: If you know the “why” already, here’s the link to get started with coding. By the time you finish this series, you’ll be a master of Vue.

From zero to hero with Vue — Up and running
Previous chapter we went over why we should give Vue a go, link below.medium.com

Has Vue passed React in popularity yet?

https://hasvuepassedreactyet.surge.sh/

As as skeptic, Vue passing React in Github stars was something I didn’t believe until I checked it out myself.

Vue | React | Angular

Bonkers! Who could have predicted Vue passing React by popularity.

https://vuejs.org/

Judging by NPM downloads, React is the most dominant frontend framework.

Source: npm-stat.com

The reason why Vue’s numbers are so low is because a lot of people use Vue via CDNs from PHP projects, simple websites, etc. It’s easy to do and makes harder to compare only the NPM download numbers.

Source: Reddit Frontend

Why Vue?

Why not Angular, React, Ember, or any other good frameworks out there?

There are many reasons I would choose Vue over any other framework for a fresh project. I always base my reasoning on rationale and practicality.

Remember, these are tools which help us get the job done more efficiently, so you need to pick the right tool for the right job. If you have a hammer everything looks like a nail. Recognising which tool is suitable for the task can save you a lot of time and money in the long run.

Here are couple reasons to pick Vue

  • Short and sweet learning curve, easy to get up and running: Getting up and running with Vue is quite straightforward. You don’t need to use a module bundler like Webpack or Parcel. You also don’t need a module bundler for React. Removing the need for module bundlers reduces the barriers to getting started.
  • Strong open-source community: Learning a framework is a huge investment and we want to make sure we’re learning the right tool at the right time.

Whilst React and Angular are backed by big companies, Vue is mostly backed by a very active open source community.

A single entity deciding what to do with a widely used tool is actually riskier than a non-traditional, corporate-backed tool.

Let’s say company X builds and maintains tool Z. What happens if company X goes bust and decides to close doors? What happens if they decide to “re-allocate resources” and ditch the project?

Judging by the Patreon page, the core Vue team is well-off and the project has super long term goals.

https://www.patreon.com/evanyou
https://github.com/vuejs/vue/blob/dev/BACKERS.md
  • Friendly migration path for legacy projects that don’t want to commit 100% to a single page app (SPA): Dropping Vue in a project and slowly migrating a huge monolithic application to a single page app is a proven path.

I had a great conversation with a technical executive for an established SaaS startup. The startup has a product and is making revenue. The conversation went as follows:

  • Me: Why Vue? I’m fascinated since it’s not a traditional tech choice in this city. Why not React or Angular since there are more React and Angular developers around here?
  • Founder: We are a small team with no dedicated frontend expert. We want to rewrite our frontend, add new features and clean up code. We don’t want to commit rewriting completely yet. Using Vue with our monolithic application and writing new features works great for us.

Vue plays well with existing server side rendered (SSR) applications like Rails, Laravel or Node.

Vue gets along well with SSR apps
  • Learning Vue is fun: This my favourite reason to learn Vue. Vue is fun, Vue is fresh. We’re developers, we love to have fun.

Vue components are like lego blocks. Each component has a encapsulated view, logic, and styles. Piecing together the components is like putting legos together.

Vue and React have the best tooling by far. All of the plumbing is abstracted away so we can focus on the fun parts.

https://vuejs.org/v2/guide/comparison.html

Comparison with Other Frameworks - Vue.js
Vue.js - The Progressive JavaScript Frameworkvuejs.org

Vue vs React
Vue vs AngularJS (Angular 1)
Vue vs Angular (Angular 2)
Vue vs Ember
Vue vs Polymer

Convinced to give Vue a try? Without further ado, let’s get started in my next article “From zero to hero with Vue - Up and Running” (below).

From zero to hero with Vue — Up and running
Previous chapter we went over why we should give Vue a go, link below.medium.com

If you liked this article, let me know in the comments or message me on Twitter.

Here are a few other articles I’ve written

Strilliant
Tutorials by developers to developerswww.strilliant.comThe secret to being a top developer is building things! Here’s a list of fun apps to build!
You can only become a great developer by putting the effort in. Imagine for a moment — You can’t become fit physically…medium.freecodecamp.orgSupercharge your debugging experience for Node.js
You see this, what do you do?codeburst.ioLet’s build a fast, slick and customizable rich text editor with Slate.js and React
What is a rich text editor anyway?codeburst.ioTypeScript — JavaScript with superpowers
Javascript is cool. But do you know what’s even more cool?medium.freecodecamp.org