This browser is not supported

Please install an up to date browser.

Angular vs React vs Vue : Which one is the best choice for 2020?

26 Dec 2019 Frontend

Merve Ağca

Frontend Developer

It is impractical to imagine web development without Javascript. Javascript is the keystone of front-end development of web apps. Frontend development has been growing rapidly. Therefore, a lot of tools, libraries and frameworks that greatly facilitate the work and help to create the best project have been created. But what to choose from the whole set?

Some of the most common queries:

 
  • What are top javascript frameworks and libraries for 2020?
  • Which javascript framework offers the best performance?
  • Which javascript framework should I use?
  • Which of the three Javascript frameworks/libraries is the most reliable one?
  • Angular vs React vs Vue: Which one will be popular in 2020?
  • Which framework is suitable for small size or large size applications?
  • Which javascript framework is easier to learn?
  • Angular vs React vs Vue: Which is the best choice for 2020?
 

In this blog we will discuss the frameworks in many areas such as history, popularity, performance etc. We will find answers to the questions raised above. At the end of the blog, you will be able to decide which among Angular vs React vs Vue is suitable you. 

 

Angular vs React vs Vue: Summary

 


 
Angular React Vue
Initial release 2010 2013 2014
Official site
angular.io
reactjs.org vuejs.org
Approximate size 500 KB 100 KB 80 KB
Current version 7 16.6.3 2.17
Github stars 55.8k 141k 155k
Written in Typescript Javascript Javascript
Modal Based on MVC Based on Virtual DOM Based on Virtual DOM
Used by  Google, Wix, Autodesk Facebook,  Netflix, Dropbox Xiaomi, Alibaba, Gitlab


Angular vs React vs Vue: Popularity

  • Stackoverflow

Stack Overflow is the largest, most trusted online community for developers. we can also obtain objective results by looking at the stack overflow statistics.

In the graph above, we can analyze the percentages of stack overflow questions of each year. The reason for Angular's breakthrough is the improvements introduced in Angular 2 after 2016. React is used and liked by a lot of software developers, so the number of users are constantly increasing. Vue is loved just as much as React by software developers and the learning process is easier than others. In the following stack overflow survey, we can see clearer results on this. 

 
 
  • NPM

Below is a graphical representation of the npm trends for the downloads and stars of Angular vs React vs Vue. It clearly shows React on top, followed by Angular and then Vue. But when we look at the stars, the lowest goes to Angular and highest to Vue, followed by React. In addition, the most used framework is React on Github.

 
 
  • Google Trends

Have a look at the graph below, Vue.js is way behind angular and react. React is the most popular in searches. In my opinion, the reason of Angular's search result, it was released before other frameworks like React, Vue and lot of projects are dependent on that.

 
 
  • Indeed

Indeed is a worldwide employment-related search engine for job listings launched. There are no data about which framework is used more, but we can analyze vacant positions on Indeed.com and get interesting results:

2019/12/12:

Paris, France
 


London, UK
Berlin, Germany
 
Mumbai, India
 



2018/12/16:
 

Paris, France
 
London, UK
 
Berlin, Germany
 
Mumbai, India  
 

Angular vs React vs Vue: Performance


   

 

Angular vs React vs Vue: Pros and Cons

Angular 

Pros:

  • Big community and code owned and maintained by Google.
  • Typescript and intelisense.
  • Existing community conventions. Defined implementation methodology.
  • Is a MVC framework.

Cons:

  • Steep learning curve.
  • Is verbose and complex.
  • Requires learning Typescript and is more programmer-oriented.

React

Pros:

  • Biggest community and code owned and maintained by Facebook.
  • Big ecosystem
  • Flexibility
  • Scalable
  • Can be used for native and web apps
  • Moderate learning curve
  • Fast rendering with Virtual-DOM

Cons:

  • Requires to learn JSX and is more programmer-oriented.
  • It’s kind of verbose.

Vue

Pros:

  • Simplicity of the syntax and short learning curve for newcomers
  • Uncomplicated structure
  • Flexibility. Can be setup easily with Typescript, JSX, … 
  • Fast rendering with Virtual-DOM

Cons:

  • There are no technology company behind it like Google, Facebook etc.
  • Being too flexible in structure can be problematic

 

Angular vs React vs Vue: Conclusion

Based on what has been written above, we can say that React & Vue are the most liked and supported frameworks of 2020. However, each framework has advantages and disadvantages . There is no answer for which should be chosen. But if you have any questions in your mind, the following approach will simplify your decision making. 

  • If you love object-orientated-programming (OOP): Angular
  • If you need guidance, structure and a helping hand: Angular
  • If you are someone who like to play around lots and lots of libraries, tools or ecosystem: React
  • If you love writing clean and easier code: Vue
  • If you want to get started on your project as soon as possible: Vue
  • If you are a lone developer without any team: Vue (or React)
  • If you want to have better separations of concerns in your project: Vue
  • If you like flexibility: React
  • If you like choosing among dozens of packages: React
  • If you love JS & the “everything-is-Javascript-approach”: React
  • If you want the easiest learning curve: Vue
  • If you want the most lightweight framework: Vue
  • If you want separation of concerns in one file: Vue
  • If you are working alone or have a small team: Vue (or React)
  • If you want to build an app with react-native: React
  • If you work with designers and need clean HTML files: Angular or Vue
  • If you like Vue but are afraid of the limited ecosystem: React

 

  • References

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Cangularjs

https://www.npmtrends.com/react-vs-vue-vs-@angular/core

https://trends.google.com/trends/explore?cat=733&date=today%205-y&q=React,Vue,Angular

 
Popular Posts