摘要: 今天我们不聊技术,只"以貌取人"。
刚入门的小伙伴问我(上面是我的自拍照),现在前端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没有继续维护了。
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|