Vue、React、Angular最佳UI框架

sixgo 發(fā)布于2019-08-26 11:53 / 3458人閱讀

摘要：花癡的原因我毫不隱諱我就是個外貌協(xié)會，如果做的樣子還不好看那基本了。后起之秀優(yōu)先于老牌勁旅，我不但是外貌協(xié)會還喜新厭舊，只局限在技術(shù)。自從年雙十一正式上線，累計(jì)處理了億錯誤事件，得到了金山軟件百姓網(wǎng)等眾多知名用戶的認(rèn)可。

摘要： 今天我們不聊技術(shù)，只"以貌取人"。

剛?cè)腴T的小伙伴問我(上面是我的自拍照），現(xiàn)在前端Vue、React、Angular這三個框架似乎都很好，反而不知道選擇什么了，我當(dāng)時開玩笑的說你覺得哪個好看就選擇哪個唄。本人目前用的Angularjs做Fundebug開發(fā)時會經(jīng)常去Google一些獨(dú)立的UI組件來實(shí)現(xiàn)某些功能，經(jīng)常會情不自禁的去國內(nèi)(下面列出)的這些官網(wǎng)去瞄幾眼，那種羨慕之情。。。哎。。。。

花癡的原因

我毫不隱諱我就是個"外貌協(xié)會"，如果做UI的樣子還不好看那基本GG了。

我的寫UI效果的水平著實(shí)不怎么樣，寧愿寫復(fù)雜的業(yè)務(wù)邏輯也不愿意寫效果。。尷尬。。。

用UI框架能使我做項(xiàng)目的速度提高一倍，這可以使我少掉幾根頭發(fā)，多些時間進(jìn)行修身養(yǎng)性。

拿來主義沒有錯，看人家封裝的組件，我的代碼水平其實(shí)提高了。有些高手一說到寫效果就是自己直接CSS，不推薦使用UI框架。

一套強(qiáng)大的UI框架可以解決90%以上的組件支持，項(xiàng)目輕量易維護(hù)。

選擇UI框架的原則

Github上star多的，數(shù)據(jù)不會說假話。

后起之秀優(yōu)先于老牌勁旅，我不但是"外貌協(xié)會"還"喜新厭舊"，只局限在技術(shù)。

選擇國內(nèi)的優(yōu)先于國外的，個人感覺國外偏極客，至少樣子上不符合我的審美。

持續(xù)維護(hù)中的，持續(xù)輸出讓我們使用短期內(nèi)沒有后顧之憂。

推薦UI框架

UI框架	Github Star	環(huán)境	團(tuán)隊(duì)
Element	25K	vue	國內(nèi)
iView	14K	vue	國內(nèi)
Material-UI	34K	react	國外
Ant Design	26K	react	國內(nèi)
Angular Material	13K	angular	國外
NG-ZORRO	2.6K	angular	國內(nèi)

聽說長得好看的人不僅BUG少，還用Fundebug監(jiān)控BUG。

其他UI框架

UI框架	Github Star	環(huán)境	團(tuán)隊(duì)
Vue Antd	1.4K	vue	國內(nèi)
Vue-Blu	1.2K	vue	國內(nèi)
N3	0.8K	vue	國內(nèi)
AliTelecom UI	0.5K	vue	國內(nèi)
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	國外

有趣的數(shù)據(jù)

作者自動忽略Boostrap這個曾經(jīng)的王者,如果大佬你是Boostrap的忠實(shí)粉絲請輕點(diǎn)噴,我其實(shí)也是個Boostrap使用者。

作者推薦的6個UI框架中其中：國內(nèi)：4個國外：2個。

上面列出的所有UI框架中Github的Star數(shù)其中：React：97.6K > Vue 42.9K > Angular 27.4K 。

上面列出的所有UI框架中Github的Star數(shù)其中屬于國內(nèi)團(tuán)隊(duì)開發(fā)的：Vue：42.9K > React 26K > Angular 2.6K 。

上面列出的所有UI框架中Github的Star數(shù)其中國內(nèi)外的份額：國內(nèi)：71.5K 國外：96.4K 。

上面列出來的所有UI框架中Vue全是國內(nèi)團(tuán)隊(duì)。

阿里Ant旗下支持React有Ant Design,支持Angular有NG-ZORRO(列出中唯一個國內(nèi)支持Angular的）,但是支持Vue的Vue Antd沒有繼續(xù)維護(hù)了。

關(guān)于Fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實(shí)時BUG監(jiān)控。自從2016年雙十一正式上線，F(xiàn)undebug累計(jì)處理了7億+錯誤事件，得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶的認(rèn)可。歡迎免費(fèi)試用！

版權(quán)聲明

轉(zhuǎn)載時請注明作者Fundebug以及本文地址：

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