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

看板Ajax作者 (吉米林)時間6年前 (2018/01/19 11:08), 6年前編輯推噓14(14011)
留言25則, 18人參與, 6年前最新討論串1/1
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

01/19 12:27, 6年前 , 1F
不愛用需要編譯的 Javascript框架,無感
01/19 12:27, 1F

01/19 13:52, 6年前 , 2F
推 好多沒看過的東西
01/19 13:52, 2F

01/19 15:38, 6年前 , 3F
01/19 15:38, 3F

01/19 15:38, 6年前 , 4F
來玩看看 Parcel
01/19 15:38, 4F

01/19 17:17, 6年前 , 5F
webpack很可悲,文件寫得爛、設定亂七八糟又不時亂改版
01/19 17:17, 5F

01/19 17:19, 6年前 , 6F
大部分都另外用create-react-app之類的工具讓webpack設定檔
01/19 17:19, 6F

01/19 17:19, 6年前 , 7F
消失在眼前
01/19 17:19, 7F

01/19 17:20, 6年前 , 8F
一個專案搞成這樣真的頗可恥
01/19 17:20, 8F

01/19 18:10, 6年前 , 9F
vue已經快追上react了 之前看好像差很多的
01/19 18:10, 9F

01/19 18:30, 6年前 , 10F
樓上 vue不是在REACT前面嗎?
01/19 18:30, 10F

01/19 23:35, 6年前 , 11F
推 繼續學習
01/19 23:35, 11F

01/20 00:09, 6年前 , 12F
01/20 00:09, 12F

01/20 00:28, 6年前 , 13F
感謝整理!
01/20 00:28, 13F

01/20 01:05, 6年前 , 14F
我是說總星星數 原本還差幾萬的 不到一年只差6K
01/20 01:05, 14F

01/20 04:25, 6年前 , 15F
Vue.js 星數上升快一部份原因是因為中國人多呀 XD
01/20 04:25, 15F

01/20 22:51, 6年前 , 16F
01/20 22:51, 16F

01/21 02:21, 6年前 , 17F
我 editor 歷程跟你一樣 XD
01/21 02:21, 17F

01/21 10:08, 6年前 , 18F
幫你更正,不是根據 Star 數量,而是相較去年增加的
01/21 10:08, 18F

01/21 10:08, 6年前 , 19F
數量
01/21 10:08, 19F

01/22 04:23, 6年前 , 20F
(づ′・ω・)づ 依然np++ = = VScode用不習慣
01/22 04:23, 20F

01/27 02:12, 6年前 , 21F
來試試parcel
01/27 02:12, 21F

01/27 09:05, 6年前 , 22F
話說第一次看到 webpack 時還覺得這東西太讚了 冏rz
01/27 09:05, 22F

01/27 09:07, 6年前 , 23F
可能是 Node 的建置工具一個比一個麻煩,所以覺得還好
01/27 09:07, 23F

01/29 11:13, 6年前 , 24F
從Atom -> VSCodE的+1
01/29 11:13, 24F

01/31 22:48, 6年前 , 25F
Webpack1文件的確很糟 但新版文件就寫得很清楚唷~
01/31 22:48, 25F
文章代碼(AID): #1QOM4zpm (Ajax)
文章代碼(AID): #1QOM4zpm (Ajax)