2017年 JavaScript 明星專案正如去年一樣，是時候讓我們來回顧 2017 年間 JavaScript 領域的變化與發展了。
我們透過對比各專案於過去 12 個月在 GitHub 上新增 Star 數量的方式，來評估其在 2017 年度的受關注程度，進而選出2017 年度 JavaScript 領域崛起的明星專案。
上圖，我們可以看到，2017年最火爆的前端開源專案，我們在選擇前端框架的時候做為一項重要參考指標。
前端框架：
Vue。js蟬聯冠軍
React，亞軍，再次！
移動開發：
React： React Native
Vue：Weex 和 Quasar
Angular：Ionic 和 NativeScript
與 2016 年一樣，React Native 兩年蟬聯頭名，讓我們把 JavaScript 編譯成原生的 APP 應用，支援 iOS、安卓或 Windows 系統。
正如這個影片使用 React Native 來跨平臺編譯APP中的口號：“一次編寫，到處執行”可謂名副其實
IDE和編輯器：
在這裡我們討論的是利用開源的 WEB 技術來構建的程式碼編輯器（ Sublime 粉絲們對不住了！）。
2016 年由微軟主導的 VS Code 與 GitHub 主導的 Atom 在本類別中齊頭並進。
今年他們也依然處於領先地位，不過在互相較量中，VS Code 己領先它的對手一大截。
每個月 VS Code 都會發布新版本，帶來更多實用 IDE 功能同時效能上卻沒有太大的損耗。
即使不安裝任何外掛，你也有一大堆開箱即用的功能：
Git 整合功能；
自動補全： JavaScript 語法，當你想 require 或 import 一個模組時能對本地檔案路徑進行補全，NPM 包名字…等等；
React 語法整合；
此外，你可以在編輯器中新增 Prettier 外掛，這樣每次儲存時它都會自動格式化檔案，真是令人愉悅的程式設計體驗。
透過這樣一份報告和生態圈詳細分析，相信對前端開發技術選型有個參考意義，同時技術發展趨勢，不至於選擇小眾，坑太多小組織填補過來。
更多詳情：
https：//
risingstars。js。org/2017
/zh/
哈哈，進入今天的正題，推薦一波完整完整UI元件庫。
元件化UI
iViewui：
一套基於 Vue。js 的高質量 UI 元件庫
訪問：https：//www。iviewui。com
GitHub：
https：//
github。com/iview/iview
Element：
Element，一套為開發者、設計師和產品經理準備的基於 Vue 2。0 的桌面端元件庫
訪問：
http：//
element-cn。eleme。io/#
/zh-CN
GitHub：
https：//
github。com/ElemeFE/elem
ent
Ant Design：
一個服務於企業級產品的設計體系。基於『確定』和『自然』的設計價值觀，透過模組化的解決方案，讓設計者專注於更好的使用者體驗。
訪問：
https：//
ant。design/index-cn
GitHub：
https：//
github。com/ant-design/a
nt-design/
線上預覽：https：//preview。pro。ant。design
ngx-admin：
Admin dashboard template based on Angular 4+， Bootstrap 4 （previously known as ng2-admin）
訪問：http：//akveo。com
GitHub：
https：//
github。com/akveo/ngx-ad
min
線上預覽：
http：//
akveo。com/ngx-admin/#
/pages/dashboard
總結
Element、iViewui、Ant Design三者都是國內開發者開源，分別來自餓了麼、talkingdata、阿里，選擇的技術棧主要是react和vue。
功能最完整的是ngx-admin，目前支援三端融合UI元件，技術棧比較複雜，比如：angular、react native。
UI元件各有特色，都是為了解決中後臺admin介面元件化問題，而移動端融合框架，比較突出的是淘寶開源的Weex，目前淘寶已商用、去年底上線的IT內容知識服務App［極客時間］就是用Weex開發，效果挺不錯。
三端融合框架：
React： React Native
Vue：Weex 和 Quasar
Angular：Ionic 和 NativeScript
排名：1、React Native 2、Weex 3、Ionic 4、Ionic 5、NativeScript
React Native 兩年蟬聯頭名，讓我們把 JavaScript 編譯成原生的 APP 應用，支援 iOS、安卓或 Windows 系統。
看來2018年，我得入坑React Native，前端起起落落，無窮變化，2018年學起來吧。
參考：
［1］
https：//
risingstars。js。org/2017
/zh/
文末，受一些朋友強烈要求，保留問題記錄和技術資料，開通［知識星球］，歡迎加入，2018年，一起學習，共同進步，我會積極回答提問。
我正在「技術人的日常」和朋友們討論有趣的話題，你一起來吧？
https：//
t。zsxq。com/nYNNfAe
歡迎關注微信公眾號［whoami］，閱讀更多內容。
http：//
weixin。qq。com/r/zUgkPBv
EPEZDrV9f9x3f
（二維碼自動識別）
原創文章，轉載請註明： 轉載自Itweet的部落格
本部落格的文章集合：
http：//www。
itweet。cn/blog/archive
