之前对于 Ant Design 的了解,基本停留在 Components 上,最近了解到 L7 后,开始接触到更多,Ant Design 不仅提供了一套优秀的组件库,同时提供了其他实用的优秀工具
Ant Design
本质是一套设计语言!提供了如下几方面内容
- 设计价值观:设计原则、思想、交互
- 视觉:颜色、布局、字体、图标
- 可视化
- 动效
Ant Design Components
高质量组件库,官方负责恢复 React 版本,同时提供社区维护的 Angular 和 Vue 版本!
Ant Design Pro
admin 端解决方案,集成了一套中后台系统中常见需求的解决方案,之前有实用且提到过。
Ant Design Mobile
Ant Design Components 主要面向的是 PC 端,如果要在移动端使用,有对应的移动版提供。
AntV
这一块是分类最多一块,关于可视化,了解的最多的可能是国内的 echarts 和国外的 highcharts,AntV 也做了这样一件事,而且做得更多
- G2:丰富的统计图表功能
- G2Plot:这个我没太搞懂其定位,感觉功能和 G2 类似
- G6:图可视化引擎,专注在关系可视分析领域
- Graphin:基于 G6 封装的 React 组件
- F2:为移动端设计的 G2
- L7:基于 WebGL 的开源大规模地理空间数据可视分析
- ChartCube:在线图表制作利器
L7
重点了解下 L7 哈,主要和最近工作内容有关
核心功能列表
- 点图层
- 线图层
- 面图层
- 热力图
- 栅格图层
支持的数据格式有
- GeoJSON
- CSV
- JSON
- Image
地图源
- 国内:高德地图
- 国际:MapBox 地图
Ant Design Landing
提供丰富的各类首页模块
Ant Motion
为 React 设计的动效库