In 2016, the open source world of the front-end is getting more exciting, with the growth of Vue, the release of Angular 2, Amaze UI 3.0 in the pipeline, and the surprise of Ant Design, all bringing new life to the front-end world in 2016. As a front-end developer, here are some open source projects to look forward to in 2016, and some that have the potential to become NO.1 in the eyes of developers.
Due to inventory is not fully open source project to technology standards to judge who high who is low, so the following items ranked by making the Star number, and inventory in the project are maintained a high activity in 2016 (a major update, major events, the latest release, etc.), after all personal energy and level is limited, if there are any shortcomings also please forgive me.
1
Bootstrap
Author: Twitter
Website: http://getbootstrap.com/
Github:https://github.com/twbs/bootstrap Star: 10 w + last updated: 4.0.0 – alpha. 5 (2016.10.19) introduction: as the front end of the old framework, the Bootstrap keeps good grades, Bootstrap 4 is currently in Alpha and is expected to be released in 2017. Notable changes are the new common card component and Flexbox grid (see comparison to regular grid), which modernize the framework and make it more comfortable for users to work with.
2
React
Author: Facebook
Website: https://facebook.github.io/react/
Github:https://github.com/facebook/react Star: 5.7 W last updated: v15.4.1 (2016.11.23) is introduced: no I don’t know, no one knows all the emerging technologies of stack, which is extremely concerned by the front circle, After the baptism of 2016, it has gradually become the standard configuration of the development technology stack of many enterprises. Being the most promising and even the most influential front-end open source project of 2016 is not an exaggeration.
3
Angular
The author:Google
Website: https://angularjs.org/
Github:https://github.com/angular/angular.js Star: 5.4 W + last updated: v1.6.1 (2016.12.23) is introduced: presents the js 2 also has issued this year. The framework is maintained by Google and is favored by many enterprises and large corporations. It has so many features that it makes it possible to write anything from the web to the desktop and mobile applications. The framework is written in TypeScript, which is the recommended programming language for writing applications.
However, angular. js 2 is so complex that many features fall short, causing many developers to complain and hope for improvements in the next release! Still, it’s hard to hide how hot he is in the front circle.
4
Vue
Author: You Yuxi
Website: http://cn.vuejs.org/
Github:https://github.com/vuejs/vue Star: 3.8 W last updated: v2.1.8 (2016.12.28) is introduced: if in 2016, the front-end ring cannot not know open source project, the Vue is leading the way, In this year’s new version, Vue. Js2.0, the new render layer brings a huge performance improvement over V1. Although the render layer is fully updated, Vue 2.0 is compatible with most of the 1.0 template syntax and only a few of them are deprecated. Vue continues to grow faster than the authors expected, reaching a near-peak in 2016. In 2017, they will continue to work on compiling and publishing Vue components as native custom elements and better browser compatibility.
5
Semantic UI
Authors: Jlukic et al
Website: http://semantic-ui.com/
Github:https://github.com/Semantic-Org/Semantic-UI Star: 3 w + last updated: v2.2.7 (2016.12.22) is introduced: the Semantic UI – fully Semantic front-end interface development framework, Compared with Bootstrap and Foundation, Bootstrap is a little different, with many differences in functions and features, layout design, and user experience. In the program ape circle because of its version updates frequently, has “version emperor” said. Version 2.2, released in 2016, has made many improvements and added new UI elements. The update log is ten pages long, and 2017 will be one of the most anticipated open source projects in the world.
6
Ionic
Author :Ionic Technology Team
Website: http://ionicframework.com/getting-started/
Github:https://github.com/driftyco/ionic Star: 2.7 W last updated: v2.0.0 – rc. 4 (2016.12.15) is introduced: Ionic is a lightweight mobile phone UI library, with fast speed, The interface is modern and beautiful. To solve the problem of some other UI libraries running slowly on mobile phones. It uses the JavaScript MVVM framework and AngularJS to enhance applications, focusing on WEB development technologies and creating a development framework based on HTML5 that is similar to native apps on mobile platforms. Ionic framework is designed to develop mobile applications from a Web perspective. It is based on the PhoneGap compilation platform and can be compiled into applications for various platforms. The latest release is v2.0.0-rc.4, and Ionic2 is in beta with a number of new features that will make 2017 a different experience for developers!
7
Backbone
Authors: Jashkenas et al
Website: http://backbonejs.org/
Github:https://github.com/jashkenas/backbone Star: 2.5 W last updated: version 1.3.3 (2016.4.6) is introduced, and an established the front of the library, he is the front end of the first generation of MVC, Backbone is most suitable for single-page applications, and there are a large number of data models on the page, requiring complex information communication between models. Backbone can realize loose coupling and event-driven between modules in this scenario. Other applicable products are microblogging, NetEase microblogging front-end design and Backbone similar to a structure, the early Youdao Cloud note Web version is used to Backbone. Although it has been five or six years, Backbone still keeps updating all the year round. Although it hasn’t seen much improvement, there are still a number of people in use.
8
Foundation
Author: ZURBfoundation website: http://foundation.zurb.com/ Github:https://github.com/zurb/foundation-sites Star: 2.4 W + Introduction: Bootstrap is the most advanced front-end responsive framework in the world, which can quickly create the prototype and production code of applications running on any device. Although it is not that hyperbic, its development history can also be comparable to that of Bootstrap. And it keeps up to date.
If a product cannot keep up with continuous updates, it may gradually fade out of people’s sight. When many people thought that Foundation would disappear under the tide of Vue and so on, they did not expect it to appear in people’s eyes again with the update of version 6.3.0 in 2016. We are also confident that it will have a greater breakthrough in 2017!
9
Ember
Author: YehudaKatz website: http://emberjs.com/ Github:https://github.com/emberjs/ember.js Star: 1.7 W + last updated: v2.10.2 (2016.12.20) Introduction :Ember is another great choice for a JavaScript framework. It supports bi-directional data binding and automatically updates templates, components, and server-side rendering. The benefits of using it are that it is more mature and stable than its competitors, while the low frequency of major changes to the framework and the community’s emphasis on backward compatibility make it the perfect choice for developing applications with longer life cycles.
10
Echarts
Author: baidu front-end technical team’s official website: http://echarts.baidu.com/ Github:https://github.com/ecomfe/echarts Star: 1.5 W + last updated: v3.3.3 (2016.11.24) ECharts is a data visualization chart library based on Javascript developed by Baidu front-end technology Department. It provides intuitive, vivid, interactive and customizable data visualization charts. At present, it has become the leader of Baidu’s open source projects and the open source project of data visualization with the most users in China.
In 2016, ECharts released version 3.0, which includes mobile interactive experience, smaller size files, and more flexible packaging. We believe that ECharts will add more features in the future to make it more active.
11
Weex
Author: alibaba website: https://weex-project.io/ Github:https://github.com/alibaba/weex Star: 1 w + last updated: v0.9.4 (2016.12.22) is introduced: Weex “Weex” was a variant of “appellate P,” a framework for configuring native UI components using JSON to make them dynamic, adding “EX” to get the name. Open source was officially announced at Qcon in April 2016. For mobile developers, Weex mainly solves the two major pain points of frequent release and multi-terminal development, as well as solving the problem of poor front-end language performance and limited display effect.
Ali such a large company background support plus @ hook three four such technology cattle lead the team, the future Weex unlimited!
12
Ant Design
Author: Ant Financial
Website: https://ant.design/
Github:https://github.com/ant-design/ant-design
React-based UI component library is designed to develop and service enterprise backend products. According to Github, the project is led by Rightwing and Yiminghe, and it’s not hard to see from Ant Design that some parts come from Github’s React-Component project, which Yiminghe worked on.
With such cooperation and React prevailing today, and the all-star appeal of Yubo team, this project is bound to be in a hot mess later.
13
Amaze UI
Author: cloud adapter’s official website: http://amazeui.org/ Github:https://github.com/amazeui/amazeui Star: 8600 + last updated: v2.7.2 (2016.8.17) is introduced: Amaze the UI Amaze UI is the first open source front-end framework in China, and also one of the first frameworks to put forward the concept of mobile first. In 2016, Amaze UI launched the Touch version for mobile terminals, and also launched the Nail version in cooperation with Ali Dingding. In addition, at the beginning of 2017, there will be a major update of 3.0 version, which is said to be a new interface and a new design. Are you a little excited? There will also be a version for enterprise systems, which seems to be in the works, so it’s worth looking forward to.
14
Knockout
Author: SteveSanderson and other technical personnel’s official website: http://knockoutjs.com/ Github:https://github.com/knockout/knockout Star: 7900 + Introduction :Konckout is a front-end framework known for compatibility, because it supports some of the features of the older VERSION of IE (IE6-IE8), it can save some enterprise developers from wasting time on browser compatibility issues, but because it is compatible with IE6 and other older versions of IE, So you need an Observable to bind both ways, and it’s much lighter than Angular.
Konckout is also developing its own componentization ideas in front of many front wheels. Currently, similar to Vue, Konckout is biased towards view layer componentization MVVM framework. If you want to be compatible with older Versions of Internet Explorer and both PC and mobile, try it out.
15
Element
Author: hungry yao front-end technical team’s official website: http://element.eleme.io/ Github:https://github.com/ElemeFE/element Star: 6700 + last updated: v1.1.2 (2016.12.30) Element, a Vue 2.0-based component library for developers, designers, and product managers, provides design resources to help your website take shape quickly. Due to the current popularity of Vue, there are many derivative libraries. The front-end technology team of Ele. me developed this set of component libraries based on the latest Vue 2.0, which is convenient for many Vue developers to develop quickly.
Supported by the background of ele. me, the subsequent maintenance should not worry. Although it is only a derivative component library of Vue, its quality is quite high and the readability is good.
16
avalon
Author: qinerg website: http://avalonjs.coding.me/ Github:https://github.com/RubyLouvre/avalon Star: 4100 + last updated: v2.2.4 (2017.1.4) Avalon is a powerful and compact MVVM framework. It follows the idea that manipulating data is manipulating the DOM, and you’ll see little of the DOM manipulating code in your code. DOM operations are all bound and handed over to the framework. Quite the same backend with ORM, you do not have to write SQL, improve productivity! Avalon lets users write the least of all MV* implementations compared to other JS frameworks that also implement well-known Todos features. Compared to other MV*, it is not only lightweight, with minimum support up to IE6, but also the best performance.
17
svelte
Author: Rich Harris’s official website: https://svelte.technology/ Github:https://github.com/sveltejs/svelte Star: 3800 + last updated: v1.6.3 (2017.1.4) Introduction: The framework was released in late 2016 by Rich Harris, author of Ractive, Rollup, and Buble. The idea behind Svelte is to “reduce the amount of code a framework needs to run through static compilation.” React Angular or Vue frameworks, no matter how you compile them, need to “import” the framework itself, known as the Runtime. But with Svelte, once a Svelte component is compiled, all the required runtime code is included in it. You don’t need to introduce a so-called framework runtime other than the component itself! (Part of the content is from zhihu Vue author You Yuxi answered)
The new framework from front Wheel has a lot in common with existing frameworks, but it also has some advantages because it can be used to compile independently distributed Web Components, and this specification is gradually becoming the mainstream of the front end.
18
T3js
Author: the box’s official website: http://t3js.org/ Github:https://github.com/box/t3js Star: 1500 + last updated: v2.7.0 (2016.8.27) is introduced: T3js (t3. Js), unlike the MVC framework, T3 is built on the concept of scalable JavaScript application architecture to create loosely-coupled, model-less systems for creating large JavaScript applications. After T3 can work with other frameworks, it is easy to create and transform components without having to stop rewriting the entire client.
The design of T3 fully follows the principles of extensible JavaScript application architecture, especially the emphasis on loose coupling between components, transparency of dependencies, leaving extension points for ambiguous requirements for extension, and abstraction of common ground. T3 was created to encourage developers to write small, single-purpose components to create scalable client-side code.
19
ZUI
Author: zen master project management software team’s official website: http://zui.sexy/ Github:https://github.com/easysoft/zui Star: 1200 + last updated: v1.5 (2016.9.6) is introduced: ZUI Most of the basic content in Bootstrap 3 is inherited, but most of the content has been customized and modified for different purposes. It includes, removing some of the limitations of plug-ins, adding cards, comments, lists and other useful view plug-ins. Think of it as a complete version of Bootstrap. If Bootstrap doesn’t work for you, try this one.
20
Dojo
The author:Dylan Schiemann
Website: https://dojotoolkit.org/
Github:https://github.com/dojo/dojo Star: 957 last updated: v1.12.1 (2016.12.21) is introduced: this is a on the front frame of enterprise applications, has been applied to large companies such as IBM, It is mainly divided into dojo, Dijit,dojox three modules. The former includes OOP simulation, processing of various common functions, such as declare. Js lang, request, etc. In the middle is the IMPLEMENTATION of various COMPONENTS of the UI layer, such as: border container, time and date; The latter is the extension of common component functions, such as: table, chart, etc.; It is also because of its enterprise-level attributes, so it is too “thick”.