Better

Ethan的博客,欢迎访问交流

Ant Design 生态

之前对于 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 设计的动效库



留言