[情報] 2017年最受矚目的 JavaScript 專案排名

作者: jmlntw (吉米林)   2018-01-19 11:08:07
https://risingstars.js.org/2017/en/
(根據 GitHub 的星星數排名)
【綜合排名】
No.1 Vue.js <https://github.com/vuejs/vue>
2 React <https://github.com/facebook/react>
3 Create React App <https://github.com/facebookincubator/create-react-app>
4 Puppetter <https://github.com/GoogleChrome/puppeteer>
5 Axois <https://github.com/axios/axios>
6 VS Code <https://github.com/Microsoft/vscode>
7 Prettier <https://github.com/prettier/prettier>
8 React Native <https://github.com/facebook/react-native>
9 Element <https://github.com/ElemeFE/element>
10 Electron <https://github.com/electron/electron>
Vue.js 穩坐第一,沒有 React 或 Angular 那麼抽象、又有豐富的生態圈,
讓新手很容易入門。
不過 React 相關的專案也不少,倒是 Angular 默默在後排…。
Puppetter 是 headless Chrome 的 Node API,可以直接在終端機執行瀏覽器,對網頁
測試和爬蟲來說是很棒的工具。
Electorn 是用前端技術來寫桌面應用程式的新興工具,把 JS 帶到了全新的領域。
也催生了 Atom 和 VS Code 這兩個編輯器雙雄,功不可沒。
【前端框架】
No.1 Vue.js
2 React
3 Angular <https://github.com/angular/angular>
4 Preact <https://github.com/developit/preact>
5 Hyperapp <https://github.com/hyperapp/hyperapp>
不意外 V R A 三雄鼎立。
Hyperapp 是只有 1KB 的超迷你框架,對於小網頁來說很方便。
【Node.js 框架】
No.1 Express <https://github.com/expressjs/express>
2 Koa <https://github.com/koajs/koa>
3 Fastify <https://github.com/fastify/fastify>
4 micro <https://github.com/zeit/micro>
5 Keystone <https://github.com/keystonejs/keystone>
【轉譯工具】
No.1 TypeScript <https://github.com/Microsoft/TypeScript>
2 Babel <https://github.com/babel/babel>
3 Flow <https://github.com/facebook/flow>
4 Reason <https://github.com/facebook/reason>
5 Purescript <https://github.com/purescript/purescript>
TypeScript 在微軟加持和 VS Code 的風行下開始變成主流。
倒是更早的 CoffeeScript,因為許多語法糖都在 ES6 實現了,
反而逐漸淡出。(連 Atom 都把很多程式碼轉到純 JS 了。)
【建置工具】
No.1 Parcel <https://github.com/parcel-bundler/parcel>
2 Webpack <https://github.com/webpack/webpack>
3 Gulp <https://github.com/gulpjs/gulp>
4 Rollup <https://github.com/rollup/rollup>
5 Poi <https://github.com/egoist/poi>
第一名是以零設定為賣點的 Parcel,短短四個月就衝破 1.4 萬顆星,
硬是把 Webpack 比下去。
看來大家對 Webpack 繁雜的設定搞得很煩。XD
Gulp 也是前幾年很流行、當時打著比 Grunt 更直覺的設定吸引不少開發者,
現在看起來就像 Webpack 和 Parcel、Rollup 的進行式。
【IDE & 編輯器】
No.1 VS Code
2 Atom <https://github.com/atom/atom>
3 Reactide <https://github.com/reactide/reactide>
4 Brackets <https://github.com/adobe/brackets>
5 Nuclide <https://github.com/facebook/nuclide>
微軟親生小孩 VS Code 大舉進攻開發者圈,
而且應該很多人是因為嫌 Atom 太慢太肥才跳槽過來的。XD
Sublime Text 因為並非 JavaScript 專案所以不在排名內,
不過我想 ST 應該可以排進第三名吧。
(不知道有多少人跟我一樣是 Notepad++ -> ST -> Atom -> VS Code 換上來的。XD)
作者: visa9527 (高級伴讀士官長)   2018-01-19 12:27:00
不愛用需要編譯的 Javascript框架,無感
作者: Kenqr (function(){})()   2018-01-19 13:52:00
推 好多沒看過的東西
作者: Boston (Boston)   2018-01-19 15:38:00
推來玩看看 Parcel
作者: WunoW (WunoW)   2018-01-19 17:17:00
webpack很可悲,文件寫得爛、設定亂七八糟又不時亂改版大部分都另外用create-react-app之類的工具讓webpack設定檔消失在眼前一個專案搞成這樣真的頗可恥
作者: vi000246 (Vi)   2018-01-19 18:10:00
vue已經快追上react了 之前看好像差很多的
作者: EricTao   2018-01-19 18:30:00
樓上 vue不是在REACT前面嗎?
作者: oneword416 (oneword)   2018-01-19 23:35:00
推 繼續學習
作者: hivenson (小洪)   2018-01-20 00:09:00
作者: ilovekebi   2018-01-20 00:28:00
感謝整理!
作者: vi000246 (Vi)   2018-01-20 01:05:00
我是說總星星數 原本還差幾萬的 不到一年只差6K
作者: Rplus (R+) (9527)   2018-01-20 04:25:00
Vue.js 星數上升快一部份原因是因為中國人多呀 XD
作者: sa0124 ((恩恩))   2018-01-20 22:51:00
作者: VdustR (京)   2018-01-21 02:21:00
我 editor 歷程跟你一樣 XD
作者: CaptainTeemo (提摩隊長)   2018-01-21 10:08:00
幫你更正,不是根據 Star 數量,而是相較去年增加的數量
作者: Firstshadow (IamCatづミ'_'ミづ)   2018-01-22 04:23:00
(づ′・ω・)づ 依然np++ = = VScode用不習慣
作者: alan35 (ElonMusk)   2018-01-27 02:12:00
來試試parcel
作者: Neisseria (Neisseria)   2018-01-27 09:05:00
話說第一次看到 webpack 時還覺得這東西太讚了 冏rz可能是 Node 的建置工具一個比一個麻煩,所以覺得還好
作者: zephyrhymn   2018-01-29 11:13:00
從Atom -> VSCodE的+1
作者: IgnoreSwing (舫穗)   2018-01-31 22:48:00
Webpack1文件的確很糟 但新版文件就寫得很清楚唷~

Links booklink

Contact Us: admin [ a t ] ucptt.com