Shulou(Shulou.com)06/03 Report--

This article mainly introduces "what are the advantages and disadvantages of ReactJS, AngularJS and Vue.js respectively". In daily operation, I believe many people have doubts about the advantages and disadvantages of ReactJS, AngularJS and Vue.js respectively. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods, hoping to help you answer the doubts about "what are the advantages and disadvantages of ReactJS, AngularJS and Vue.js respectively?" Next, please follow the editor to study!

On a global scale, React and Angular are still far ahead, and Vue.js, a rising star, still needs to strive to achieve globalization!

The pace of updates to the JavaScript framework can be said to be changing with each passing day. We can see that Angular is constantly releasing new versions, and ReactJS and Vue.js are not to be lagged behind. Let's take a look at the search trends of Google in the last five years. Blue, red, and yellow in the figure represent Angular, React, and Vue.js, respectively.

There was a slight difference in heat between React and Angular between 2013 and 2014. After that, the gap between them gradually widened. From mid-2016, React began to grow, gradually approaching the heat of Angular. The Vue.js framework has always been at the bottom and is not very popular. However, it is also getting hotter and hotter, and I believe it will become more and more popular.

Generally speaking, React and Angular have maintained a relatively consistent pace of development. If I were to try to make a prediction, React would continue to rise and Angular would decline. Vue.js is still not very clear, but it is doing well because of the simplicity of its framework.

Based on our analysis, we decided to share our understanding of the advantages and disadvantages of each framework, hoping to help professionals or engineers make framework selection.

Angular

Angular is a JavaScript MVVM framework that has been launched since 2009, which is very convenient for building highly interactive web applications.

Advantages

New features: RXJS, fast compilation (within 3 seconds), new HttpClient

The detailed documentation covers almost all the necessary information, and you don't even need to consult your colleagues. But you need more time to learn.

Two-way data binding can reduce the risk of error

MVVM (Model-View-ViewModel) allows developers to develop simultaneously for the same App module.

Dependency injection makes modularization and the introduction of components in modules more convenient.

Shortcoming

Inherently complex syntax; fortunately, Angular 5 uses TypeScript 2.4, which is much simpler.

Migration problem: when upgrading from a low version to a new version, incompatibility leads to high migration costs.

Companies that use Angular 5: Upwork, Freelancer, Udemy, YouTube, Paypal, Nike, Google, Telegram, Weather, iStockphoto, AWS, Crunchbase.

ReactJS

ReactJS is an open source JavaScript library from Facebook in 2013, which makes it very easy to build large web applications.

Advantages

Easy to learn: because the syntax is very concise, React is much easier than Angular. Engineers only need to review the basic knowledge of HTML. You don't need to learn TypeScript like Angular at all.

High degree of flexibility

Virtual DOM formats HTML,XHTML or XML documents into a tree structure so that browsers can understand them more easily

Combined with ES6/7,React, you can easily write all kinds of cool code.

Downward data binding, that is, the data of the parent node will not be affected by the child node

100% open source, with updates and improvements from countless developers around the world every day

Absolutely lightweight, because data processing can be done either on the client side or on the server side

Version migration is very easy, and Facebook provides the process of automating "codemods".

Shortcoming

Lack of official documentation: the rapid development of ReactJS leads to the lack of documentation, and the maintenance of many developers makes it lack of a systematic train of thought.

React does not work because it is too flexible to increase the cost of decision-making.

It takes a long time to master, because ReactJS requires you to have a deep understanding of how to integrate UI and MVC frameworks.

Companies that use ReactJS: Facebook, Instagram, Netflix, New York Times, Yahoo, Khan Academy, Whatsapp, Codecademy, Dropbox, Airbnb, Asana, Atlassian, Intercom, Microsoft.

Vue.js

Vue.js is a front-end framework born in 2013, which is very suitable for very flexible UI and complex single-page applications.

Advantages

Enhanced HTML, that is to say, Vue.js has many similar features to Angular.

Detailed documentation, Vue.js has super-friendly documentation, developers can quickly learn, which will save a lot of time

Applicability: you can quickly move from other frameworks to Vue.js because it bears some resemblance to Angular and React

Great integration: Vue.js can be used for both single-page applications and more complex web applications. The main thing is that you can use it to write small interactive components, which can then be easily integrated into existing projects without affecting the entire system.

Scalability: Vue.js can be used to quickly develop large reuse templates

Small size: Vue.js is only about the size of 20KB, making its speed and flexibility much better than other frameworks.

Shortcoming

Lack of resources: Vue.js still accounts for only a small proportion of the whole market, so the corresponding resources and knowledge are much less.

The risk of flexibility: sometimes there are problems when integrating it into large projects, but you may not be able to find a solution

From China: many elements and descriptions are still in Chinese. This will introduce some complexity to the development, but more and more related materials have been translated into English.

Companies that use Vue.js: Xiaomi, Alibaba, WizzAir, EuroNews, Grammarly, Gitlab and Laracasts, Adobe, Behance, Codeship, Reuters.

At this point, the study on "what are the advantages and disadvantages of ReactJS, AngularJS and Vue.js respectively" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.