The front-end field has developed particularly rapidly in recent years, and it can be said that a hundred schools of thought contend. In the field of low-level front-end frameworks, jquery was the first to dominate the Internet. In the past two years, MVVM -type frameworks have gradually become the mainstream, and the three frameworks of Vue , React and Angular keep pace. It can be said that these four are currently the most widely used low-level frameworks used by developers, and a large number of free UI libraries based on these frameworks have also been derived .
Over the years, new frameworks have been emerging, and old frameworks have been eliminated. 2017 is coming to an end, here is a summary of the UI frameworks derived from the four major frameworks of Vue, React, Angular and Jquery, which have stood the test of time and are popular among developers.
1. Vue-based UI framework: Element UI
Element UI is designed by Ele.me UED and developed by the Ele.me front-end team. It is a desktop component library based on Vue2.0. Vue can be said to be the hottest front-end engine framework in 2017. Element UI quickly captured the hearts of a large number of Vuer with its beautiful design and high-quality components .
The disadvantage is that there are not enough types and functions of components (such as data table components), and many times you need to develop some components yourself, otherwise it will be difficult to complete complex enterprise-level application development.
Official website address: http://element.eleme.io
.
2. UI framework based on React:A ntDesign
A front-end UI library based on React produced by Ant Design Ant Financial . React was very popular in 2014 and 2015. Although the threshold for entry is high, it is still used by a large number of developers.
Ant Financial's positioning of AntDesign is not just a UI component library, but a front-end design language that provides a large number of design specifications and examples. Basically, any page interaction you can think of can be implemented with Ant Design, which greatly reduces the cost of page development .
The downside is that the performance needs to be improved, such as tabs . In addition, many users complain that the characters are small and the icons are too small.
Official website address: https://ant.design/
3. Angular - based UI framework: NG-ZORRO
NG-ZORRO is the Angular implementation of Ant Design. NG-ZORRO not only inherits the unique ideas and extreme experience of Ant Design, but also combines the advantages and features of the Angular framework. At present, the first version release will support Angular 4.0.0 and above. The number of components has now covered more than 80% of the Ant Design React version. The style of the components has been synchronized with the latest version of Ant Design, and the interface of the components has also been kept as consistent as possible. Ant Design's React version is consistent
Official website address: https://ng.ant.design
4. Jquery - based UI framework: QUICK UI
QUICK UI is a set of Jquery-based UI component library produced by leading visual company . In the past few years, Jquery can be said to be the absolute overlord in engine frameworks. Although its influence by MVVM frameworks has declined in recent years, it is still the most widely used because of its simple entry and friendly API design. front-end framework.
If compared with a car, the first few frames can be regarded as car parts, while QUICK UI is very close to a complete car. It is positioned as a set of products for developing enterprise-level applications, so it has very high quality requirements. It contains hundreds of components and thousands of examples to demonstrate functional features. For example, a data table component has nearly 100 function points, including Complex tables that span rows and columns, tree tables, parent-child tables, instant editing tables, and more .
Different from other frameworks, QUICK UI is not only a set of component libraries, but also a set of very convenient skin mechanisms, which can achieve ever-changing effects with skin packs, so that your projects are no longer the same monotonous style , and meet enterprise-level requirements. development needs.
The downside is that because it is a commercial product for enterprises, individual developers may not be able to afford the cost. However, the official also launched a free version for individual developers.
Official website address: http://www.uileader.com
