JavaScript frameworks and libraries can be said to be the largest and most tiring category in open source projects. At present, there are the most projects of this type on github, and a new project will appear almost every once in a while to sweep the network community. Although this has promoted the development of innovation, it has to be said that front-end developers suffer. Therefore, this article lists the characteristics of some excellent Javascript frameworks and libraries and their star numbers on github, in order to provide some reference for developers.
1、ReactJS(Star: 59989,Fork: 10992)
Homepage: https://facebook.github.io/react
React.js (React) is a JavaScript library for building user interfaces, mainly for building UI. Many people think that React is the V (view) in MVC. React originated from Facebook's internal project to build Instagram's website and was open sourced in May 2013. React has high performance, and the code logic is very simple, and more and more people have begun to pay attention and use it.
React features:
1. Declarative design − React adopts a declarative paradigm, which makes it easy to describe applications.
2. Efficient − React minimizes interaction with the DOM by emulating the DOM.
3. Flexible − React works well with known libraries or frameworks.
4.JSX − JSX is an extension of JavaScript syntax. React development does not necessarily use JSX, but we recommend it.
5. Components − Building components through React makes the code easier to reuse, and can be well used in the development of large projects.
6. One-way responsive data flow − React implements one-way responsive data flow, which reduces duplication of code, which is why it is simpler than traditional data binding.
2、AngularJS(Star: 54769,Fork: 27292)
Homepage: https://angularjs.org
Angular JS (Angular.JS) is a set of frameworks, templates, and data binding and rich UI components for developing Web pages. It supports the entire development process and provides the framework for web applications without manual DOM manipulation. AngularJS is small, only 60K, compatible with major browsers, and works well with jQuery.
3、Vue.js（Star:43608, Fork:5493）
Vue.js is a JavaScript library for building web interfaces, providing data-driven components, and a simple and flexible API that makes MVVM simpler.
Main features:
●Extensible data binding
●Use ordinary JS objects as models
●Concise and clear API
●Componentized UI construction
●Use with other libraries
4、jQuery（Star: 43432, Fork: 12117）
Homepage: https://jquery.com/
JQuery is a lightweight js library (only 21k after compression), it is compatible with CSS3, and is also compatible with various browsers (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jQuery makes it easier for users to process HTML documents, events, achieve animation effects, and easily provide AJAX interactions for websites. Another big advantage of jQuery is that its documentation is very comprehensive, and various applications are also described in detail, and there are many mature plug-ins to choose from. jQuery can keep the user's html page separate from the code and html content, that is to say, there is no need to insert a bunch of js in the html to call the command, just define the id.
5、Meteor(Star: 36691,Fork: 4617)
Homepage: http://www.meteor.com
Meteor is a new set of technologies for building high-quality web applications, providing many ready-made packages that can be run directly in the browser or in the cloud platform.
6、Angular2（Star:20803，Fork:5367）
Angular is a very popular and easy-to-use web front-end framework currently maintained by Google. This entry covers Angular 2 and later. This page exists because the official maintains Angular 2 and the previous version Angular.js separately (the GitHub address and project home page of the two are different).
7、Ember.js(Star: 17540,Fork: 3646)
Homepage: http://emberjs.com
Ember is an ambitious web application that eliminates boilerplate and provides a JavaScript framework for standard application architecture.
8、Polymer(Star:16979,Fork: 1699)
Homepage: http://www.polymer-project.org
At Google I/O 2013, Google announced Polymer, a library for building web applications using web components, as well as using the new HTML 5 standard for building reusable components for the web. Polymer provides polyfills for most web component technologies, which allow developers to create their own reusable components before all browsers support new features. In addition, Polymer provides a range of widget examples, including weather, clock, stock ticker and line graph.
Polyfills in Polymer provide a variety of web technologies needed to successfully build applications using web components, including:
● HTML imports: a way to import and reuse HTML documents in other HTML documents.
● Custom Elements: Let developers define and use custom DOM elements.
● Shadow DOM: the package provided in the DOM.
● Model Driven Views: Provides data binding like AngularJS.
● Web animation: API for implementing complex animations.
●Pointer event: encapsulation of mouse touch and stylus events
9、Zepto.js（Star: 12074，Fork: 3260）
Homepage: https://facebook.github.io/react
Zepto.js is a JavaScript framework that supports mobile WebKit browsers with a jQuery-compatible syntax. 2-5k library that handles most of the basic work with a nice API.
10、Riot.js（Star: 11491，Fork: 902）
Homepage: http://riotjs.com
Riot.js is a client-side model-view-render (MVP) framework and it is very lightweight even less than 1kb. Despite its incredible size, all it can build is the following: a template engine, routing, and even is library and a strict and organized MVP pattern. Views are also automatically updated when model data changes.
Of course, in addition to those mentioned above, there are many excellent Javascript frameworks and libraries, and a new product emerges almost every once in a while.