Vue, React, AngularJS, and Angular2. Our choice of popular JavaScript frameworks

2017-08-04 front-end Daquan

(Click the public number above for a quick follow-up)

English: ANTONI Zolciak translations: Zhongcheng translation

Www.zcfy.cc/article/vue-react-angularjs-and-angular2-our-take-on-popular-javascript-frameworks-3668.html

If you have a good article to submit, please click here to learn more

An interesting fact: the list of the 2017 most worthwhile programming languages that IBM has published, JavaScript is the top. The IT giant points out that JS has astaggering 94.4% usage in the site and is "unlikely to degrade". JavaScript ensures a "user-friendly web page because it is responsible for the entire web interface, including animations and interactions." No matter what you think, JavaScript is important.

This also indicates the direction for potential Web developers: if you go deep into the front, you have to face JavaScript at some point. and the correct development guidelines may help this.

Let's assume you know the basics of JavaScript. Pure JS (not ignorant) of the kind. If the assumptions are correct (meaning you understand the basics), you may be more interested in the learning of modern JavaScript frameworks . These frameworks often have pre-built functions and some methods for building applications.

While some people may think that the framework has limitations, most developers in the world prefer to use frameworks (don't confuse them with libraries) because they make work easier, faster, and more reliable in general.

All right! To finish this, it's time to dig a bit deeper.

Our development team prepares a list of the frames they use every day. Although there are certainly more JavaScript frameworks around, these are our top concerns.

Next, you'll see a brief overview of the technologies we love and their characteristics.

Cool Kid-vue.js on the street

It's like a superstar who's still in high school. It's not a mature technology, so we really can't predict what's going to happen in Vue after five years. At present, however, it may be the most compelling topic on the agenda of each conference.

If you decide to have two drinks with the JS geek, he will definitely talk about Vue. If Vue is a pop star, it's the red one now. If... Well, you know what I mean.

It was established by Yu Yuxi in February 2014. In 2016, Vue.js has an astonishing 89% developer satisfaction Assessment, and is currently one of the most star projects in GitHub.

The virtual said almost, to some practical. What is Vue.js? First, it is the fastest and smallest of all the JavaScript frameworks discussed in this article. The learning cost of its grammar and principle is not very high . In addition, it has high coverage documentation. Most of the things you want to do are documented. Conversely, if an operation is not documented, you have little chance of finding a solution online because Vue is not as popular as angular or react.

Note: Vue's pronunciation is the same as "view".

Pick 5 Vue.js features to say:

• Easy-to-extend plug-in system.

• has a library (nuxt.js) when rendering with the service side.

• Supports range styles.

• There is a CLI tool that allows you to quickly build a single-page application with advanced front-end workflow settings.

• New features added to Laravel5.4 to handle front-end templates

Just like react,vue.js only handles the view layer . That is, it allows developers to implement their business logic on their own. It also implements the flux architecture: Vuex. As our teammate, Maciej Kolodziejczak says:

In my opinion, Vuex is better and easier to use than react's redux.

In addition, Vue.js has the best developer tools in Chrome, and Weex also uses Vue's syntax, which is a framework for building native applications through JavaScript and a competitor to react native. It is worth noting thatWeex is not perfect, especially for commercial projects . At the moment, it's more of a solution than a real technology.

For developers, the advantages of vue.js are:

• Easy to learn and understand, fast to develop applications

• Integrates with Laravel, so developers with VUE knowledge complement back-end teams that use Laravel to develop applications

• A very handy CLI tool that can be started quickly

• There are many additional modules, such as routers and state management tools, although not as many as other frameworks

For customers, the advantages of vue.js are:

• Lower front-end application costs and even the cost of full-featured Web applications (when using a combination of laravel and vue.js)

• A fast and reliable solution while ensuring stability

• Smaller modules are useful, such as calendars, contact forms, or widgets

Maximum developer Satisfaction-react.js

React was created by Facebook's Jordan Walke, the 5th most popular frame in GitHub. However, React.js (as well as React Native) was the most popular point of time in 2015 years.

According to the state of JS Survey, React's developer satisfaction was highest, reaching 92%. Vue is at the same level as it. According to the survey, react's developers, on average, try a variety of other technology combinations before deciding which technology to use.

Pick 5 React.js features to say:

• The framework is only responsible for the "View" layer, which means that other business logic is completely decoupled and can be implemented in any way.

• The framework-related redux is a very good implementation of the class flux architecture.

• In terms of templates, the framework can use the JSX syntax, which can be a little bit more difficult to get started with.

• Once the developer has mastered react.js knowledge, it can be used directly for mobile client development based on react native.

React's use of virtualdom and the resulting high performance are widely appreciated by developers. The developers who use the framework frequently are an important part of the huge community that is associated with this technology. React's rapid development, in addition to the maintenance of Facebook, but also thanks to open source projects and third-party modules.

In addition, as react will have a backward-compatible rewrite version of react Fiber's message released,react's "second Spring" will soon come.

For developers, the advantages of react are:

• A large and active community

• Not a chatty framework.

• JSX This new JavaScript syntax is also a good advantage

• The relevant development tools are also very good

• Enforce use of the latest best practices

For customers, the advantages of react are:

• A lot of developers are familiar with this framework

• React native enables Web application logic to be reused for mobile clients

• There are enough use and test scenarios to ensure that the framework itself is almost free of bugs and errors

Wisdom Elder-angularjs

Google launched the ANGULARJS framework for the first time in 2009, encouraging the use of declarative programming methods to create user interfaces and connect components, while instruction-style programming is used to implement the logic of the program.

Brat Tech's Miško hevery was the real author of the technology, when it was created as the software behind the online JSON storage service. But the business didn't get up, so the company abandoned the idea and released Angularjs as an open source repository.

Angularjs uses two-way data binding to adapt and extend the traditional HTML to present dynamic content.

All of which may sound interesting, the fact is that Angularjs is a bit old in fact. It is the oldest in the frame we describe, the older ReactJS4, the VUE.JS5, the older 7 years old than Angular2.

Nonetheless, he has the largest number of contributors on GitHub (1,562), followed by Reactjs,angular2,vue.js.

Admittedly, Angularjs has a steep learning curve, which is offset to some extent by a large community, which ensures that most of the problems that developers may encounter exist solutions.

Casually say Angularjs's 5 properties

• There are still many projects that use ANGULARJS, so understanding ANGULARJS makes it easy for you to maintain these items.

• Provide a viable and stable solution for teams that do not want to use the new angular or ember.js.

• Use dirty value checking (digest cycle), which is better than the observer pattern depends on your needs.

• The YouTube app on the PlayStation 3 was developed with ANGULARJS.

• centered on HTML.

Angularjs is one of the most commonly used JavaScript frameworks in the spa , and is a great choice for enterprise-class applications. But it is really old, and most of the time it is used by older applications.

Angularjs "excellent" points for developers:

• In 2017, if you haven't used it yet, you can totally ignore him.

• If you need more features, please use the new angular or ember.

Angularjs "excellent" points for users:

• The primary maintenance is not ready or unable to get enough rewriting of legacy apps.

• Because of the complexity of the framework, the cost of creating more complex applications is high.

(Translator Note: All kinds of black)

ANGULAR2 (or abbreviation angular)

Although it is difficult to fully understand the concept of Angular2 without exploiting the source code, it is a very powerful framework built up with quite a few features.

Based on Angularjs, rewrite with typescript. It does not have a scope or controllers concept compared to the previous version. Instead, it uses component hierarchy as its primary architectural concept. Supports dynamic loading, improves dependency injection, and provides simpler routing and asynchronous template compilation mechanisms.

Casually say Angular2 's 5 properties

• Written by Typescript, allowing developers to use Typescript,dart or pure ECMAScript.

• The mode of the component takes advantage of TS classes and adorners.

• A steep learning curve

• The development process is fast.

• Advanced test features.

Basically, Angular can get rid of the unnecessary complexity that exists in Angularjs . However, many people think that using the CLI, the configuration and startup process for a single developer can still be too long.

In ' Sanelab's development team is also less interested in providing documentation, especially for JS and dart. On the other hand, they like to break the technology down into many modules.

Angular Benefits for Developers:

• You're happy when you like typescript.

• Enforces the way code is written, making it a good choice to work with multiple developers

• Use the same library to develop mobile and desktop applications

• A good solution for single-page applications with a lot of code

Angular Benefits for customers:

• Using this framework to build enterprise applications can reduce costs

• A large number of developers already know how to use the framework

Is there a best Javascript framework to say?

Want a simple answer? No. This has to do with the company's goals, needs, and ultimately functionality. For example, ANGULAR2 is more like a treasure chest, especially for large projects. It is very complex and takes a lot of time to learn and master (but simpler than ANGULARJS). But with JavaScript-centric react, developers can quickly and efficiently piece together something useful.

Each framework is in a different way to implement Web application development that is appropriate for different scenarios, including MVP, startups, and business scenarios.

So you should consider finding someone who can help you choose the technology that's right for you to develop and keep up with your business development needs.

And we happen to have that ability.

Vue, React, AngularJS, and Angular2. Our choice of popular JavaScript frameworks