AntV和AntD之间的区别与联系

前言：最近在调研前端的一些框架，技术栈主要是用react，所以找到了2个十分相似解决方案，拿来对比一下（antd和antv都是基于react）

antd对比antv

	antd	antv
解决方案	企业级 UI 设计语言	数据可视化解决方案
	提供一些常用的组件，button，bar，table等	提供图表，例如G6关系图，X6流程图等
官网	Ant Design - 一套企业级 UI 设计语言和 React 组件库	https://antv.antgroup.com/
衍生框架	antd pro（antd+umi） Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案	图片来源：https://ant-design-charts.antgroup.com/manual/introduction

由于我的需求中有画流程图的需求，所以antV中的X6刚好可以画流程图，继续深入了解antV/X6框架，发现XFlow框架继续封装了X6，可以更加方便的画出流程图

XFlow框架基于antv/X6，XFlow专注于DAG、ER图和流程图

	antv/Xflow	antd	antv/x6
版本	1.x和2.0	4.x和5.x	1.x和2.x
官网	XFlow - 图编辑应用 - XFlow https://github.com/antvis/XFlow	介绍 - Ant Design	https://x6.antv.antgroup.com/ https://github.com/antvis/x6
用途	主要用于绘制ER图、DAG图和流程图	基本的UI和组件	X6 是基于 HTML 和 SVG 的图编辑引擎，提供低成本的定制能力和开箱即用的内置扩展，方便我们快速搭建 DAG 图、ER 图、流程图、血缘图等应用。
活跃度	1.0版本放弃了 2.0正在更新但是没有文档 跟新慢，活跃度低（9个issue）	长期更新，社区活跃度高（900+issue）	长期更新，社区活跃度高（200+issue）

版本兼容

Xflow2.0与antd5.x、react18.x都兼容（都是latest），但是没有文档和api，所以不知道怎么用
Xflow1.x可以适配于antd4.x、react17.x，能跑简单的demo，但是以后不维护了
Xflow1.x使用起来非常麻烦，而且有各种版本冲突，2.0目前官网没有文档

总结：解决方案有2点

• 等xflow2.0更新文档

• 学习antv/X6，直接用X6开发