摘要：花痴的原因我毫不隐讳我就是个外貌协会，如果做的样子还不好看那基本了。后起之秀优先于老牌劲旅，我不但是外貌协会还喜新厌旧，只局限在技术。自从年双十一正式上线，累计处理了亿错误事件，得到了金山软件百姓网等众多知名用户的认可。
摘要： 今天我们不聊技术，只"以貌取人"。
刚入门的小伙伴问我(上面是我的自拍照），现在前端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没有继续维护了。
关于FundebugFundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了7亿+错误事件，得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用！
版权声明转载时请注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2018/04/13/best-ui-framework/
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/107765.html
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
平日学习接触过的网站积累，以每月的形式发布。2017年以前看这个网址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...
阅读 2179·2021-11-24 09:38
阅读 3243·2021-11-08 13:27
阅读 3085·2021-09-10 10:51
阅读 3146·2019-08-29 12:20
阅读 664·2019-08-28 18:28
阅读 3461·2019-08-26 11:53
阅读 2709·2019-08-26 11:46
阅读 1517·2019-08-26 10:56
