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環境團隊
《Vue、React、Angular最好UI框架》Element25Kvue國內
《Vue、React、Angular最好UI框架》iView14Kvue國內
《Vue、React、Angular最好UI框架》 Material-UI34Kreact外洋
《Vue、React、Angular最好UI框架》Ant Design26Kreact國內
《Vue、React、Angular最好UI框架》 Angular Material13Kangular外洋
《Vue、React、Angular最好UI框架》 NG-ZORRO2.6Kangular國內

據說長得悅目的人不僅BUG少,還用Fundebug監控BUG。

其他UI框架

UI框架Github Star環境團隊
Vue Antd1.4Kvue國內
Vue-Blu1.2Kvue國內
N30.8Kvue國內
AliTelecom UI0.5Kvue國內
Blueprint8.9Kreact外洋
React-Toolbox7.8Kreact外洋
React Desktop7.3Kreact外洋
Semantic-UI-React6.5Kreact外洋
Grommet3.1Kreact外洋
Fabric2.4Kreact外洋
React-md1.6Kreact外洋
OnsenUI6.2KAngular外洋
PrimeNG3.9KAngular外洋
Semantic UI0.9KAngular外洋
ng-lightning0.6KAngular外洋
Kendo UI0.2KAngular外洋

風趣的數據

  • 作者自動疏忽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、金山軟件、百姓網等浩瀚着名用戶的承認。迎接免費試用!

《Vue、React、Angular最好UI框架》

版權聲明

轉載時請說明作者Fundebug以及本文地點:

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

    原文作者:Fundebug
    原文地址: https://segmentfault.com/a/1190000014702108
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞