Front-end essentials, top ten popular JavaScript frameworks and libraries

JavaScript frameworks and libraries can be said to be the largest and most tired of the open source project, currently on GitHub This category of projects are the most, and almost every once in a while a new project swept through the network community, although this promoted the development of innovation, but have to say bitter front-end developers. So this article lists some of the best Javascript frameworks and libraries and their star numbers on GitHub, which are designed to provide some reference for developers.

1, Reactjs (star:59989, fork:10992)

Home:https://facebook.github.io/react

React.js (React) is a JavaScript library used to build the user interface, primarily for building the UI, and many people think React is V (view) in MVC. React originated from Facebook's in-house project to set up Instagram's website and open source in May 2013. React has a high performance, the code logic is very simple, more and more people have begun to pay attention to and use it.

React Features:

1. Declarative design? React uses a declarative paradigm that can easily describe an application.

2. Efficient? React minimizes the interaction with the DOM by simulating the DOM.

3. Flexible? React can fit 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 using it.

5. Components? Building components through React makes the code easier to reuse and can be used well in the development of large projects.

6. One-way response data flow? React implements a one-way response data stream, which reduces duplicate code, which is why it is simpler than traditional data binding.

2, AngularJS (star:54769, fork:27292)

Home page: 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 architecture of the WEB application without the need for manual DOM manipulation. AngularJS is very small, only 60K, compatible with the mainstream browser, with JQuery good.

3, Vue.js (star:43608, fork:5493)

Vue.js is a JavaScript library that builds WEB interfaces, provides data-driven components, and simple, flexible APIs that make MVVM easier.

Key Features:

Extensible Data Binding

The normal JS object as the model

Simple and straightforward API

Modular UI Build

Use with other libraries

4. JQuery (star:43432, fork:12117)

Home:https://jquery.com/

JQuery is a lightweight JS library (only 21k after compression), it is compatible with CSS3, and is compatible with various browsers (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+). jquery makes it easier for users to work with HTML documents, events, animate, and easily provide Ajax interactivity to websites. One of the big advantages of jquery is that its documentation is full, and the various applications are very detailed, as well as a number of mature plugins to choose from. jquery allows the user's HTML page to keep the code and HTML content separate, that is, no longer inserting a bunch of JS in the HTML to invoke the command, just define the ID.

5, Meteor (star:36691,fork:4617)

Home:http://www.meteor.com

Meteor is a new set of technologies for building high-quality WEB applications that offer a wide range of ready-made packages that can be run directly in a browser or cloud platform.

6, ANGULAR2 (star:20803,fork:5367)

Home:Https://angular.io

Angular is a very popular and useful WEB front-end framework that is currently maintained by Google. This entry contains the Angular 2 and later versions. Since Angular 2 and previous versions of Angular.js are maintained separately (both GitHub addresses and project home pages are different), this page is available.

7, Ember.js (star:17540,fork:3646)

Home:http://emberjs.com

Ember is an ambitious web application that eliminates boilerplate and provides a standard application architecture for the JavaScript framework.

8, Polymer (star:16979, fork:1699)

Home:http://www.polymer-project.org

At the 2013 Google I/O conference, Google released polymer, a class library that builds Web apps using Web Components, and also uses the new HTML 5 standard for building reusable components for the web. Polymer provides Polyfills functionality for most Web component technologies, allowing developers to create their own reusable components before all browsers support new features. In addition, polymer provides an example of a series of components, including weather, clocks, stock quotes, and line charts.

The Polyfills in polymer provides a variety of web technologies for building applications that need to use Web Components successfully, including:

HTML imports: The method of introducing and reusing HTML document in other HTML document.

Custom elements: Let developers define and use custom DOM elements.

Shadow DOM: The encapsulation provided in the DOM.

Model Driven Views: Provides data bindings like ANGULARJS.

Web Animation: An API for implementing complex animations.

Pointer event: Encapsulation of mouse touch and stylus Events

9, Zepto.js (star:12074,fork:3260)

Home:https://facebook.github.io/react

Zepto.js is a JavaScript framework that supports the mobile WebKit browser and has a jquery-compatible syntax. 2-5K's library handles most of the basic work with a good API.

10, Riot.js (star:11491,fork:902)

Home:http://riotjs.com

Riot.js is a client-side model-view-render (MVP) framework and it is very lightweight and even less than 1kb. Despite his incredible size, all it can build is as follows: A template engine, routing, even a library and a rigorous and organized MVP model. The view also updates automatically when the model data changes.

Of course, in addition to the above mentioned, there are a lot of good Javascript frameworks and libraries, and almost every once in a while the emergence of a new product.

Front-end essentials, top ten popular JavaScript frameworks and libraries