The three major frameworks of Angular, Vue and React are in full swing in 2018

The front-end hype in 2018 is probably due to the three major frameworks, angular, vue, and react. Let’s talk about my understanding of these three frameworks. Let’s read on.

At the beginning of the period, three or four years ago or earlier, the front-end had not been completely separated. It seemed that it was not elegant to develop the front-end page using native js. It was like building a house brick by brick, which was very time-consuming. , and it is also inconvenient to maintain. Gradually, the emergence of jQuery library has improved the efficiency of developers and reduced browser compatibility. It has gained a lot of fans for a while. Some old projects are still in use, but it does not have mvc or mvvm. The architecture needs to be configured by yourself.

Later, the Angular of the MVC framework appeared, which was relatively inefficient. As long as there was a change, the calculation had to be traversed again;

Then react appeared, and the virtual dom of react reduced the dom operations and reduced the cost. It reduces project costs, improves efficiency and program performance, but react is based on the view layer, and it needs to cooperate with some other frameworks, such as flux, redux, etc. If you compare react with vue, it will be relatively complicated to use. For example, it cannot be used Instructions are inconvenient to traverse;

Compared with React, Vue is not as flexible and easy to match as React, but it is very efficient to develop. Vue’s plug-ins, components, and ecosystem are enough for our general projects. , although vue is led by individuals, react is maintained by the Facebook team, and the community is relatively prosperous, but vue is suitable for many projects and is slowly expanding, and the prospects are also very good.

Angular

As the veteran Angular, it has gone through angular1, angular2, and angular4. Each version seems to be a new framework.

ng-if in angular1 is very similar to v-if in vue, because vue’s command system is inspired by angular1, and many problems in angular1 are solved in vue;

When it comes to angular2, it is a brand new framework compared to 1. For example, it has a better component system, the API has also changed a lot, etc. Although it has been improved a lot, it is still very bloated;

Compared with angular2, many new features have been added to the feature list of angular4, as well as some improvements to old features. Programs using angular4 will consume less space and run faster than previous versions.

• Usage scenarios

When the project does not have high performance requirements, you can use angular, or some projects that have been using angular1 have It is necessary to upgrade, and there are no projects that do not require performance, so Angular carefully considers some new projects... (If you want to see more, go to the PHP Chinese website AngularJS Development Manual to learn)

React

Officially said that react is because Facebook is not satisfied with the mvc framework on the market, so it wrote its own one to build the Instagram website. Because it is easy to use, it was open sourced in May 2013. First come first At the end of 2017, react has been upgraded to 16.2, the routing react-router3 has been upgraded to react-router4, react-router-dom

• virtual dom

React has to mention the virtual DOM (Virtual DOM). When the page is loaded for the first time, a DOM tree will be generated, and a render tree will be generated in the memory. When the data changes, the changed content and storage will be Compare the render trees to find the optimal algorithm, then change the render tree, and finally regenerate the DOM tree of the page. With virtual DOM, the performance of the front-end is improved a lot.

• Componentization

The componentization idea of ​​​​react is particularly reflected. The view layer is divided into independent components to reduce the degree of coupling. Componentization makes Components can be combined, reused, and maintained, thereby greatly improving development efficiency

• Flexibility

react is based on the view layer. To play its role, you must cooperate with some plug-ins, such as flux, redux, etc. Of course, you can cooperate with more libraries to achieve better results

• Usage scenarios

The use of react is basically the first choice for large projects. Componentization and flexibility are the conditions for large projects. Secondly, react native allows react to run on mobile devices.

Vue

Vue was open sourced in February 2014. It was written by You Daniu and has been upgraded to v2.5 so far. Vue’s family bucket Vue-router, Vuex, service Side rendering, as well as vue's virtual dom, componentization, performance, are no worse than react. For teams without Angular and react experience, and for front-end projects that are not very large, vue is a good choice

Summary

The selection of the framework depends not only on the project itself, but also on the company team. The team’s technology stack may directly lead to the selection of the project framework

Okay, this article is over This is over (if you want to see more, go to PHP Chinese website AngularJS User Manual to learn). If you have any questions, you can leave a message below.

The above is the detailed content of The three major frameworks of Angular, Vue and React are in full swing in 2018. For more information, please follow other related articles on the PHP Chinese website!