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)