摘要： 今天我們不聊技術(shù)翘狱，只”以貌取人”。
前言
之前有很多剛?cè)腴T的小伙伴問我砰苍，現(xiàn)在前端Vue潦匈、React、Angular這三個框架似乎都很好赚导，反而不知道選擇什么了茬缩，我當(dāng)時開玩笑的說你覺得哪個好看就選擇哪個唄。本人目前用的Angularjs做Fundebug開發(fā)時會經(jīng)常去Google一些獨立的UI組件來實現(xiàn)某些功能吼旧，經(jīng)常會情不自禁的去國內(nèi)(下面列出)的這些官網(wǎng)去瞄幾眼凰锡，那種羨慕之情。黍少。寡夹。哎。厂置。菩掏。。
花癡的原因
- 我毫不隱諱我就是個”外貌協(xié)會”昵济，如果做UI的樣子還不好看那基本GG了智绸。
- 我的寫UI效果的水平著實不怎么樣野揪，寧愿寫復(fù)雜的業(yè)務(wù)邏輯也不愿意寫效果。瞧栗。尷尬斯稳。。迹恐。
- 用UI框架能使我做項目的速度提高一倍挣惰，這可以使我少掉幾根頭發(fā)，多些時間進行修身養(yǎng)性殴边。
- 拿來主義沒有錯憎茂，看人家封裝的組件，我的代碼水平其實提高了锤岸。有些高手一說到寫效果就是自己直接CSS竖幔，不推薦使用UI框架。
- 一套強大的UI框架可以解決90%以上的組件支持是偷，項目輕量易維護拳氢。
選擇UI框架的原則
- Github上star多的，數(shù)據(jù)不會說假話蛋铆。
- 后起之秀優(yōu)先于老牌勁旅馋评，我不但是”外貌協(xié)會”還”喜新厭舊”，只局限在技術(shù)戒职。
- 選擇國內(nèi)的優(yōu)先于國外的栗恩，個人感覺國外偏極客，至少樣子上不符合我的審美洪燥。
- 持續(xù)維護中的，持續(xù)輸出讓我們使用短期內(nèi)沒有后顧之憂乳乌。
推薦UI框架
| UI框架 | Github Star | 環(huán)境 | 團隊 |
|---|---|---|---|
| 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)境 | 團隊 |
|---|---|---|---|
| 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的忠實粉絲請輕點噴,我其實也是個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)團隊開發(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)團隊。
- 阿里Ant旗下支持React有Ant Design,支持Angular有NG-ZORRO(列出中唯一個國內(nèi)支持Angular的）,但是支持Vue的Vue Antd沒有繼續(xù)維護了采缚。
關(guān)于Fundebug
Fundebug專注于JavaScript针炉、微信小程序、微信小游戲扳抽、支付寶小程序篡帕、React Native殖侵、Node.js和Java實時BUG監(jiān)控。 自從2016年雙十一正式上線镰烧，F(xiàn)undebug累計處理了7億+錯誤事件拢军，得到了Google、360怔鳖、金山軟件茉唉、百姓網(wǎng)等眾多知名用戶的認可。歡迎免費試用结执！
版權(quán)聲明
轉(zhuǎn)載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2018/04/13/best-ui-framework/
