Vue、React、Angular最佳UI框架

摘要： 今天咱们不聊技术，只"以貌取人"。

前言

以前有不少刚入门的小伙伴问我(上面是个人自拍照），如今前端Vue、React、Angular这三个框架彷佛都很好，反而不知道选择什么了，我当时开玩笑的说你以为哪一个好看就选择哪一个呗。本人目前用的Angularjs作Fundebug开发时会常常去Google一些独立的UI组件来实现某些功能，常常会不由自主的去国内(下面列出)的这些官网去瞄几眼，那种羡慕之情。。。哎。。。。

花痴的缘由

• 我绝不隐讳我就是个"外貌协会"，若是作UI的样子还很差看那基本GG了。
• 个人写UI效果的水平着实不怎么样，宁愿写复杂的业务逻辑也不肯意写效果。。尴尬。。。
• 用UI框架能使我作项目的速度提升一倍，这可使我少掉几根头发，多些时间进行修身养性。
• 拿来主义没有错，看人家封装的组件，个人代码水平其实提升了。有些高手一说到写效果就是本身直接CSS，不推荐使用UI框架。
• 一套强大的UI框架能够解决90%以上的组件支持，项目轻量易维护。

选择UI框架的原则

• Github上star多的，数据不会说假话。
• 后起之秀优先于老牌劲旅，我不可是"外貌协会"还"喜新厌旧"，只局限在技术。
• 选择国内的优先于国外的，我的感受国外偏极客，至少样子上不符合个人审美。
• 持续维护中的，持续输出让咱们使用短时间内没有后顾之忧。

推荐UI框架

	UI框架	Github Star	环境	团队
	Element	25K	vue	国内
	iView	14K	vue	国内
	Material-UI	34K	react	国外
	Ant Design	26K	react	国内
	Angular Material	13K	angular	国外
	NG-ZORRO	2.6K	angular	国内

据说长得好看的人不只BUG少，还用Fundebug监控BUG。

其余UI框架

UI框架	Github Star	环境	团队
Vue Antd	1.4K	vue	国内
Vue-Blu	1.2K	vue	国内
N3	0.8K	vue	国内
AliTelecom UI	0.5K	vue	国内
Blueprint	8.9K	react	国外
React-Toolbox	7.8K	react	国外
React Desktop	7.3K	react	国外
Semantic-UI-React	6.5K	react	国外
Grommet	3.1K	react	国外
Fabric	2.4K	react	国外
React-md	1.6K	react	国外
OnsenUI	6.2K	Angular	国外
PrimeNG	3.9K	Angular	国外
Semantic UI	0.9K	Angular	国外
ng-lightning	0.6K	Angular	国外
Kendo UI	0.2K	Angular	国外

有趣的数据

• 做者自动忽略Boostrap这个曾经的王者,若是大佬你是Boostrap的忠实粉丝请轻点喷,我其实也是个Boostrap使用者。
• 做者推荐的6个UI框架中其中：国内：4个 国外：2个。
• 上面列出的全部UI框架中Github的Star数其中：React：97.6K > Vue 42.9K > Angular 27.4K 。
• 上面列出的全部UI框架中Github的Star数其中属于国内团队开发的：Vue：42.9K > React 26K > Angular 2.6K 。
• 上面列出的全部UI框架中Github的Star数其中国内外的份额：国内：71.5K 国外：96.4K 。
• 上面列出来的全部UI框架中Vue全是国内团队。
• 阿里Ant旗下支持React有Ant Design,支持Angular有NG-ZORRO(列出中惟一个国内支持Angular的）,可是支持Vue的Vue Antd没有继续维护了。