Join the DZone community and get the full member experience.Join For Free
Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.
However, for the purpose of this article; we are taking a look at:
- Ant.Design library
- Dva library
- Echarts library
Let’s dive deep and see what the Chinese have for us.
Ant.Design, popularly known as antd, is a UI design framework built on the React.js library for developing web and React applications. It is owned by the Chinese company Ant Design and is built using Material Design principles.
Antd is a feature-rich, complete framework without a lot of complexity, that gives you the option of using it directly with your React project. It, therefore, provides a set of high-quality React components that you would probably not have ever paid attention to.
Ant.Design is written in TypeScript and works well in collaboration with other technologies, as it provides an npm, webpack, and DVA front-end development workflow.
Simply type the following into your terminal:
npm install antd --save
yarn add antd
It supports almost all modern browsers, including Internet Explorer. You can add Ant.Design to your browser, with the script and link tags using the antd global variable.
Also, considering that it supports server-side rendering, and the Electron framework, anybody would find it enjoyable to work with this easy to use framework.
Considering that it is a Chinese library, the language tends to be a stumbling block. However, the issue is currently being tackled and is soon to be completely documented in English.
It is a lightweight library, as it is built with less than 100 lines of code. It also has a command line interface for those who prefer it for navigation.
DVA follows in this path of being lightweight, as it has an easy learning curve, and is reasonably easy to use. Some other benefits include:
- It supports TypeScript.
- The availability of a plugin system.
- Support for the load model.
- Support for mobile and react-native.
- Availability of easy to understand APIs.
The DVA library can be used to create web applications and works seamlessly with Ant.Design for its User Interface.
The major disadvantage of this library is its lack of a user community caused by its pure documentation in Chinese, with English speaking developers finding it difficult to get started.
This is, however, made up for, as it is easy to learn, doesn’t have so many complexities and is precise with its functionalities. So, this should make the language less of an issue.
Due to this, a few developers have been helping out with translating the documentation into English. If you come across any issues making use of this library, you could visit its GitHub repository; its highly likely that your question has been raised already.
Regardless of its language difficulties, it can be installed easily using the npm package.
npm install dva
The command line interface is also easy to install using the npm package.
npm install dva-cli -g
Using the DVA CLI is beyond the scope of this article, however, you can learn to use it from its GitHub repository.
Here is one for the data scientists, data lovers, and data-driven entrepreneurs.
The Echarts library, fully known as Enterprise Charts, is a powerful charting, data visualization library for browsers. It offers an easy way of representing your numbers on your web page, making use of interactive and highly customizable charts.
Installing ECharts for use is very easy using the npm package:
npm install echarts --save
You can also get the file from here.
Unlike DVA JS, Echarts is properly documented in English and also has documentation in Chinese.
This has encouraged the usage of the library, it has a large user community, and you would easily get support anytime you get in trouble with making use of the language.
Of the many charting libraries out there, Echarts is one of the most powerful; and is doing China proud.
Check out some examples of charts you can create with the library such as pie charts, bar charts, line charts, and even candlesticks on the Echart website.
These three libraries are quality and easy-to-use, and you should hardly have issues using them.
The major problem, however, with Chinese libraries is the language barrier. The Echarts library is totally translated into English, the DVA library lacks quality translation but is being worked on; while the Ant.Design library is getting better, as a lot of developers are putting work into its translation.
As much as this is a barrier, it shouldn’t stop you from making use of them in your projects.
Someone out there would most likely have come across the issues you have, and an answer in English should be available.
Opinions expressed by DZone contributors are their own.