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沒有繼續維護了。