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

[jmlntw (吉米林)]

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）

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.14.252
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1516331325.A.CF0.html
※ 編輯: jmlntw (36.224.14.252), 01/19/2018 11:13:17
推 visa9527: 不愛用需要編譯的 Javascript框架，無感
推 Kenqr: 推 好多沒看過的東西
推 Boston: 推
→ Boston: 來玩看看 Parcel
→ WunoW: webpack很可悲，文件寫得爛、設定亂七八糟又不時亂改版
→ WunoW: 大部分都另外用create-react-app之類的工具讓webpack設定檔
→ WunoW: 消失在眼前
→ WunoW: 一個專案搞成這樣真的頗可恥
推 vi000246: vue已經快追上react了 之前看好像差很多的
推 EricTao: 樓上 vue不是在REACT前面嗎?
推 oneword416: 推 繼續學習
推 hivenson: 推
推 ilovekebi: 感謝整理！
→ vi000246: 我是說總星星數 原本還差幾萬的 不到一年只差6K
→ Rplus: Vue.js 星數上升快一部份原因是因為中國人多呀 XD
推 sa0124: 推
推 VdustR: 我 editor 歷程跟你一樣 XD
→ CaptainTeemo: 幫你更正，不是根據 Star 數量，而是相較去年增加的
→ CaptainTeemo: 數量
→ Firstshadow: (づ′・ω・）づ 依然np++ = = VScode用不習慣
推 alan35: 來試試parcel
推 Neisseria: 話說第一次看到 webpack 時還覺得這東西太讚了 冏rz
→ Neisseria: 可能是 Node 的建置工具一個比一個麻煩，所以覺得還好
推 zephyrhymn: 從Atom -> VSCodE的+1
推 IgnoreSwing: Webpack1文件的確很糟 但新版文件就寫得很清楚唷~