Why is it good to learn multiple frameworks? In fact, in essence, the framework makes programming more interesting, and the framework makes it easier for beginners to produce results. Software architecture is extremely important. So you know the difference between Angular and React and Vue in the comparison of the three mainstream frameworks of the web front end?
Comparison of three major web front-end frameworks
1、Angular
It is even said that among the three frameworks, there is only one that she can call the last complete framework, because it contains more complete things, including templates, two-way data binding, routing, modularity, services, filters, dependency injection and other functions. For those who are just learning to use the framework, you can recommend this framework. After learning it, you can almost subvert your previous understanding of front-end development. Using TypeScript can improve the maintainability of the code, which is conducive to later refactoring. The two-way data flow is very convenient, but after the business is complex, you may not be able to understand the data flow. There are also unpleasant dirty value checks, and the encapsulation of direct does not solve the problem of complete separation of view and data relationship. Sometimes, $digit is used to force triggering detection.
2、React
The framework itself is relatively easy to understand, and its structure is very clear. It is composed of more than a dozen APIs, and then it can be rendered asynchronously. We only need to deal with the interface and maintenance, but many people report that it is still difficult to get started. React is a one-way data flow, and the code will be more than two-way data flow. However, the same way of troubleshooting is much clearer.
3、Vue
It is claimed to be the simplest and easiest framework to use. It is also a major trend in the industry and can also be used to develop the most popular small programs. After all, with this magic tool, the code code is fast and the project can be launched quickly. It is also a two-way data flow. Some people think Vue is the combination of Angular and React, which includes both Angular template syntax and React componentized system.
What is Vue?
Vue is a progressive JavaScript framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from bottom to top. Vue's core library only focuses on view layers, which is convenient for integration with third-party libraries or existing projects.
Different from other heavyweight frameworks, Vue adopts the design of bottom-up incremental development. Vue's core library only focuses on view layers, and is very easy to learn and integrate with other libraries or existing projects. On the other hand, Vue is fully capable of driving complex single page applications developed using single file components and libraries supported by the Vue ecosystem.
What is React?
React is a JavaScript library for building user interfaces. The core of all React applications is components. A component is a self-contained module that can present some output. Components can be combined. A component may contain one or more other components in its output.
Advantages of React:
1. It provides maximum flexibility and responsiveness.
2. Because it is based on the document object model, it allows browsers to arrange documents in HTML, XHTML, or XML format in a friendly manner.
3. Rich JavaScript libraries
4. It has good flexible structure and scalability
5. React provides the React Native platform, which can develop native applications for iOS and Android through the same React component model.
What is Angular?
Angular is an open source web application framework that uses HTML, CSS and JavaScript/TypeScript to build client applications., Led by Google's Angular team and individual and corporate communities.
Angular is a complete rewrite of the same team that built Angular JS. To avoid confusion, the team announced that a separate term should be used for each framework, where "AngularJS" refers to version 1. X, and "Angular" refers to version 2 and higher without "JS".
Differences between Angular and React and Vue
1. Difference from AngularJS
Similarities: both support instructions: built-in instructions and user-defined instructions; Both support filters: built-in filter and user-defined filter; Both support bidirectional data binding; Both do not support low-end browsers.
Differences: AngularJS has high learning costs, such as the addition of Dependency Injection feature, while Vue.js itself provides simple and intuitive APIs; In terms of performance, AngularJS relies on dirty checking of data, so the more watchers, the slower; Vue.js uses dependency tracking based observation and asynchronous queue updating. All data is triggered independently.
2. Difference from React
Same point: React uses special JSX syntax. Vue.js also advocates writing. vue special file format in component development. There are some conventions on file content, and both need to be compiled for use; The central idea is the same: everything is a component, and component instances can be nested; Both provide reasonable hook functions that allow developers to customize their requirements; No built-in column number AJAX, Route and other functions are loaded into the core package, but in the form of plug-ins; Mixins are supported in component development.
Difference: Virtual DOM used by React will check the rendered results for dirt; Vue.js provides instructions, filters, etc. in the template, which can be very convenient and fast to operate the Virtual DOM.
