Vue、React、Angular最佳UI框架

sixgo 发布于2019-08-26 11:53 / 3296人阅读

摘要：花痴的原因我毫不隐讳我就是个外貌协会，如果做的样子还不好看那基本了。后起之秀优先于老牌劲旅，我不但是外貌协会还喜新厌旧，只局限在技术。自从年双十一正式上线，累计处理了亿错误事件，得到了金山软件百姓网等众多知名用户的认可。

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

刚入门的小伙伴问我(上面是我的自拍照），现在前端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没有继续维护了。

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。自从2016年双十一正式上线，Fundebug累计处理了7亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！

转载时请注明作者Fundebug以及本文地址：

https://blog.fundebug.com/2018/04/13/best-ui-framework/

混合云服务器托管前端框架react ui前端框架前端ui框架移动前端ui框架

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107765.html

2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

lily_wang 2019-06-27 16:28 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

chengjianhua 2019-08-29 12:35 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

Anonymous1 2019-08-20 16:31 评论0 收藏0
2017年2月份前端资源分享

平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用扩展JavaScript语法记录 - 掉坑初期工具汉字拼音转换...

dreamtecher 2019-08-01 16:51 评论0 收藏0
2月份前端资源分享

摘要：月份前端资源分享更多资源请文章转自前端生成好看的二维码十大经典排序算法带动图演示为什么知乎前端圈普遍认为游戏和展示的个人整理和封装的库中文详细注释供新手学习使用扩展语法记录掉坑初期工具汉字拼音转换工具实现汉字转拼音的插件下拉列表支持拼音简 2月份前端资源分享更多资源请Star：https://github.com/maidishike... 文章转自：https://github...

yanwei 2019-08-20 14:25 评论0 收藏0