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没有继续维护了。
关于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/
Vue、React、Angular最佳UI框架相关推荐
- 基于vue的响应式ui框架_基于Vue.js的响应式和可配置UI框架
基于vue的响应式ui框架 Framevuerk (Framevuerk) Fast, Responsive, Multi Language, Both Direction Support and C ...
- vue3使用的移动端UI框架,vue一般用什么ui框架
用vue 一般都配合什么 UI 框架 vue只是一个js库,不算框架,他不限制你使用使用UI框架,理论上你可以使用任意UI框架. 常见的vue的UI框架有:elementUI(饿了么的UI框架),Vu ...
- Vue React Angular之三国杀,web前端入坑第六篇 上
「 懒癌引发血案 」 目前前端技术栈发生了翻天覆地的变化,上篇刚写了只会jquery 要失业,再不学新的你就要被淘汰,虽然有点危言耸听,不过现实情况确实是这样. vue.react.angular对比 ...
- VUE React Angular
Typescript, ES6 & ES5 React 专注于使用 Javascript ES6 Vue 使用 Javascript ES5 或 ES6 Angular 依赖于 TypeScr ...
- 前端学习(css\vue\react\angular)
2019独角兽企业重金招聘Python工程师标准>>> 无论是在产品设计,还是在研发上,极简主义的应用简直无处不在.如果你和我一样热衷极简主义,那么本文分享的内容,一定是你的&quo ...
- Vue\React\Angular的区别
1. 基本概念 Angular 是一个应用设计框架与开发平台,用于创建高效.复杂.精致的单页面应用. React 是一个用于构建用户界面的 JavaScript 库 Vue (读音 /vjuː/,类似 ...
- React学习21----React UI框架Antd(Ant Design)的基本使用
Ant Design 现在支持:react,angular,vue 3个框架 官网地址: https://ant.design/index-cn 具体使用: 1.antd官网: https://ant ...
- vue,uni-app 移动端UI框架(组件库)
一.Vant UI 轻量.可靠的移动端 Vue 组件库 https://youzan.github.io/vant/#/zh-CN/intro 二.uView(推荐): 多平台快速开发的UI框架. 介 ...
- python 移动ui框架_Touch UI:基于vue的移动端UI框架
Hi,我们做了一款高质量的.免费的移动端UI框架. 经过将两年多开发和项目实践,我们终于把Touch UI开放出来了.这是一套基于vue.js打造的移动端UI框架,包含近百种组件,几乎囊括了开发移动应 ...
最新文章
- 常见的CSS属性和值CascadingStyleSheets
- 在 Java 中高效使用锁的技巧--转载
- 排序算法 --- 堆排序
- STAT 7008 - Assignment Question 1 (hashtag analysis)
- 如何利用计算机系统原理做文件保护,计算机系统设计原理(影印版).docx
- Ubuntu搜索不到WiFi的解决办法
- 《Android App开发入门:使用Android Studio 2.X开发环境》——2-5 开始动手编写程序...
- OSEK网络管理入门
- 代码review总结
- 基于GIS+BIM技术的高速公路征地拆迁管理系统应用
- 基于扩张卷积神经网络的图像超分辨率
- CleanMyMac最新破解安装版
- DSP2837x ECAP调试(BLDC霍尔)
- [转载]625线,525线什么意思?
- 第四届vex机器人亚洲锦标赛_站在亚洲之巅丨上实剑桥国际高中吴霖哲同学斩获VEX机器人亚洲锦标赛金奖...
- 电商项目之收货地址理解
- 【Linux杂篇】经常登录Linux,用户密码背后的知识了解一下
- 博士年薪22-40万,重点大学博士给100㎡产权房,安家费30-40万,省会城市高校 | 留言送书...
- Linux内存控制器(一)
- 【软考——系统架构师】系统开发基础知识