Vue: the dark horse of front-end development

Hello, everyone! I hope you stay safe and healthy in this period of time. Today I wanna reveal such an interesting and I believe valuable topic – Vue: the dark horse of front-end development. To say it easier – how you can get the benefit of using Vue instead of Angular or React. 

You know, guys, I have tried to use Vue.js personally as well as my employees, and that has inspired me to write this article in order to show you the benefits of this technology.

For now, it does not take a big piece of pie at the market, but it’s constantly developing. Furthermore, I think you will agree that such technology as Vue is definitely worth mentioning.

Surely, when comparing Vue with such titans as Angular and React we will find a bulk of drawbacks, but, believe me, Vue does have benefits to beat them in several aspects like simple API, size, performance and so on. 

To get some detailed information on the aspects, I’d suggest you reading Vue’s official documentation but we will also go through several of these aspects or benefits.   

Let’s get started!

Short overview

I will provide just a short history of this technology for those who are not acquainted with it yet.

Vue, actually, is reliably young technology among such leaders as Angular and React. It was released in 2013 and until now it continues developing and growing.

This open-source JavaScript framework combines features of React and Angular. To be honest, it has lots of similarities with Angular as it was developed by Evan You who is the ex-employee of Google. In particular, he worked over Angular and that’s why Vue tends to recover all the weak spots of Angular.

In present, Vue has become one of the most popular and usable technologies for app development and also taken the place among the top development technologies. 

Top companies and cases that use Vue.js

As far as the popularity of Vue.js grows, the number of companies and cases grows every day, I reckon that it won’t be redundant for you to get acquainted with the most famous cases for a better understanding of the scale of this technology.

1.Grammarly

Obviously, you’ve already heard of this amazing app and company. This app was created here in Ukraine, Kyiv.

This app helps to detect errors and edit the text. All in all, it offers plagiarism, grammar, spell and style checking. Nowadays, that’s a really popular and useful app.

2.Xiaomi

For sure, you have heard and know this Chinese company which creates smartphones, mobile apps laptops and a mass of other products. As you may see this company trusts Vue.js and that is why it creates apps through this technology. And that is the secret of their apps’ success.

3.Wizz Air

This low-cost airline also chooses Vue.js for creating the site and apps. I, personally, used both the site and app and I must admit that it’s pretty simple and handy.

 4.Alibaba

Not a secret that this large Chinese multinational company also uses Vue.js for its development purposes.

Just a lazy man has not used the services of this company that include e-commerce, mobile commerce, and media, entertainment, cloud computing and etc.

5.Adobe

I don’t know about you, guys, but for me when such a big and advanced company prefers to use Vue, it tells something. Moreover, if this company creates computer software.

6.EuroNews

Surely. there should be at least one television network that would use this technology too, and EuroNews is the one. This worldwide technology has its own website and of course the app. That’s not hard to guess that it was developed with the help of Vue.js.

7.GitLab

Oh, people, this is the high league indeed! GitLab is used everywhere in large companies with world-known names as well as in the small ones. 

If you are into web development, no doubt, what I’ talking about. And, for sure, I need to mention that the current version of GitLab uses such technologies as Ruby on rails as well as Vue.js.

This is one of the biggest companies and cases that use Vue and it promotes this technology to the leadership along with React and Angular.

It would be inappropriate not to mention other successful cases that is why I’ll just give a shortlist of them:

  • Reuters;
  • Behance;
  • Codeship;
  • Laracasts;
  • chess.com;
  • FontAwesome;
  • Vice;
  • Nintendo;
  • 9gag.

Now, let’s shed some light on the main information.

Benefits and reasons to use Vue

1.Speed of development

Developing an app with the help of Angular or React can take much time. Especially, when we are talking about large projects. In case if you need a simple or at least not a huge application -Vue.js will be just a perfect option for you. 

Due to some sources and my own experience, it takes around half of a day maybe sometimes a day to develop a nice and good product.

And that’s damn amazing! 

Imagine how much time you can save! Particularly, when you have a ton of work or a really strict deadline.

2.Size

As a rule, a project made up in Vue.js can weight around 20 -30 kb. At the same time, a typical React project starts from 100 kb. It’s clear that the size largely depends on the project but when we are talking about Angular, we can definitely say that the weight here is bigger than in all the above mentioned technologies. So, we can come to the conclusion that Vue is a lightweight framework, in comparison to React and Angular.

3.Documentation

The official Vue.js documentation is definitely well done! It is really comprehensive, detailed and easy to understand at all. Since Vue.js is a stable progressive framework (which is also a huge benefit) it has a good and permanently growing community of developers that can offer help to you when needed.

4.Flexibility

When you use Vue.js you can write an app rather quickly and run it straight from your browser. Also, it is possible for you to build a complex application using ES6, JSX, components, routing, binding (one way, two way) and etc. 

In contrary to Angular which uses TypeScript and has its own ecosystem Vue.js gives you the freedom to use whatever you want. It can handle lots of various ways which you may pick up to use it.

Its flexibility and freedom manifest themselves in different ways of writing code.

For instance, you can write in HTML, JavaScript or even use JSX. You have the freedom to structure your application in a way that suits you the best. Moreover, you may choose those means that you consider to be right.

5.Universality

Vue can be freely used for both: Single-page apps and Multi-page apps. Your code might be reusable and easily integrated into any app, no matter whether it’s simple or complex. But there is the thing… 

To be honest, Vue.js is the perfect option for MPAs because of the freedom it gives to you. Furthermore, it suits well to small apps for there, it has a greater runtime performance.

For larger, more complex applications you can use Vuex for state management and routing. A key difference between using Vuex and using Redux/Flux with React, for example, is that Vue’s companion libraries are officially supported and kept up to date with the core library. Redux and Flux came from the React community and are not tied to React.

6.Learning curve

You may not agree, of course, but I consider Vue.js to be the easiest framework to learn. It is straightforward, simple and has lots of features similar to such great technologies as Angular and React.

That’s very close to JavaScript and HTML basics and I’m sure, you are familiar with them. in my opinion, this technology suits just right for beginners because for React and Angular you need to have a piece of deep knowledge and experience. Also, the good news that a migration process is also really easy for those who have decided to use Vue. Why?

Because you are free to use ES6 syntax as well as JSX which are specific to React. It is easier than TypeScript which uses Angular, and there is no particular ecosystem and patterns to follow.

7.Fun

I have personally had so much fun learning to use Vue. Coding can be frustrating at times, but with Vue whenever I learn how to do something new it is exciting. They have made learning a JavaScript framework incredibly enjoyable and rewarding.

8.Transition effects

During the transition process, Vue adds and removes classes on components/elements. It has 6 different classes that you can then customize in Sass to handle timing and the start/ end styles of the transition.

Summary

As you can see, Vue is an amazing framework that is simple to get started with. Simplicity is the main feature of this technology. After a detailed analysis of other technologies’ drawbacks, Vue tried to do those things better and this is the main reason why it is one of the tops. I consider it is worth trying to use, at least for fun.

As for benefits, here is the shortlist of them:

  • speed of development;
  • size of apps;
  • extensive documentation;
  • flexibility;
  • universality;
  • easy and fast to learn;
  • it is fun;
  • transition effects;
  • it is a stable progressive framework;
  • focus on organization/project architecture.

Thanks for reading! I really hope you have gotten some valuable information on this topic “Vue: the dark horse of front-end development”. If you interested in such technologies as Angular and React, please, read this article as well: Angular vs React: Which one to choose for your app in 2020?

By the way, if you need a front-end developer with deep knowledge and experience in Angular, React and Vue, please, turn to AVA codes and here you will definitely find the right specialist.

Spread the love. Thank you ❤️