本文通過(guò)對(duì)比各項(xiàng)目過(guò)去 12 個(gè)月在 GitHub 上新增 star 數(shù)量，來(lái)評(píng)估其在 2018 年度的受關(guān)注程度，進(jìn)而選出 2018 年度 JavaScript 領(lǐng)域崛起的明星項(xiàng)目。

最受歡迎的前 20 個(gè)項(xiàng)目

 

 

這些就是今年最火的前 20 項(xiàng)目，基本涵蓋所有類別。

Vue.js 已經(jīng)連續(xù)三次登頂年度排行榜冠軍。它今年在 GitHub 上新增了超過(guò) 45k 的 star，比 2017 還要多 5k，增長(zhǎng)勢(shì)頭依然不減!

第 4 名 Deno 是 2018 年前十名中唯一的一個(gè)新項(xiàng)目。Deno 是“一個(gè)可在瀏覽器外執(zhí)行 JavaScript 和 TypeScript 代碼的程序”

根據(jù)其作者 Ryan Dahl( Node.js 之父)的說(shuō)法，這是一個(gè)嘗試解決部分 Node.js 原有問(wèn)題的、可靠的 TypeScript 運(yùn)行時(shí)。

前端框架

 

 

在前端框架方面，主導(dǎo)者還是與 2017 年一樣，仍是三大框架：Vue.js，React 和 Angular。

其中在 2018 年 6 月，Vue.js 和 React 的 star 數(shù)增長(zhǎng) 都有一個(gè)小高峰。這是什么原因呢?當(dāng)時(shí)正值 Vue.js 的總 star 數(shù)超過(guò) React，成為 UI 框架類別中最受歡迎的項(xiàng)目。那時(shí)候，雙方的粉絲都在為他們心目中的冠軍拉票!

2018 年的新秀是 Omi，一個(gè)運(yùn)用了 Shadow DOM 技術(shù)的、大有前途的 UI 框架，同時(shí)采用了 React 開發(fā)者們熟知的 “JSX” 語(yǔ)法。

Node 框架

 

 

在 2018 年中領(lǐng)跑的兩個(gè) Node.js 框架是基于特定前端框架的“全�？蚣�”：

采用 React 的 Next.js，本類別的新冠軍。

采用 Vue.js 的 Nuxt。

它們都保證了良好的單頁(yè)應(yīng)用(SPA)開發(fā)體驗(yàn)，并支持服務(wù)端渲染(SSR)。

位于第 4 的是 Express，它曾是 2017 年的第一名，盡管它“年事已高”，依然十分流行。

React 生態(tài)圈

 

 

不出意外，在 React 生態(tài)圈類別，2018 年的頭號(hào)項(xiàng)目是 Create React App，它是創(chuàng)建新 React 項(xiàng)目的事實(shí)上的工具。其第 2 版在 2018 年發(fā)布，是一次大版本更新，改動(dòng)包括內(nèi)置 Webpack 4，以及使用 TypeScript 的可能性。

對(duì)于 React 本身，主要變動(dòng)在于引入了 hooks，它或許能夠改變我們對(duì)于狀態(tài)管理的處理方式，以及調(diào)整 React 中的副作用。

Vue 生態(tài)圈

 

 

Vue.js 的勢(shì)頭還在增長(zhǎng)，Vue 3.0 計(jì)劃發(fā)揮出現(xiàn)代瀏覽器的優(yōu)勢(shì)，以便更高效地運(yùn)行和更易于使用。

Vue Element Admin，Vue.js 生態(tài)圈最流行的項(xiàng)目，是使用 Vue.js 組件構(gòu)建漂亮的儀表板的解決方案。

vue-cli 是使用現(xiàn)代 JavaScript 工具構(gòu)建一個(gè)新的 Vue.js 應(yīng)用程序的標(biāo)準(zhǔn)解決方案。它能夠和 React 的 Create React App 相提并論，但它更靈活并提供了一個(gè)圖形化的 UI 界面，使得它非常方便用戶。

Angular 生態(tài)圈

 

 

2018 年，Angular 有兩個(gè)大版本更新，Angular 6 于五月推出，提供了很多和工具化相關(guān)的功能。

因此，在 Angular 生態(tài)圈中，最流行的項(xiàng)目是官方的命令行工具 Angular CLI，用于搭建新項(xiàng)目和管理現(xiàn)有項(xiàng)目。在這些新功能中，update 命令使更新應(yīng)用和依賴變得容易。此外，現(xiàn)在可以在不 “ejecting” 的情況下調(diào)整底層 Webpack 配置。

Angular 7 于十月發(fā)布。包含了 Angular CLI prompts，以及 Material Design for Angular 的更新，并側(cè)重性能提升，包括一個(gè)稱為“虛擬滾動(dòng)”(Virtual Scrolling)的特性。

移動(dòng)開發(fā)

 

 

React Native 依然是使用 JavaScript 語(yǔ)言創(chuàng)建移動(dòng)端應(yīng)用的主要解決方案。

對(duì)于那些希望使用 Vue.js 而不是 React 的人們來(lái)說(shuō)，這兒也有一些選擇。以下四個(gè)本類別中的項(xiàng)目(Weex，NativeScript，Quasar 和 Ionic)全都支持 Vue.js 作為視圖層來(lái)構(gòu)建移動(dòng)端應(yīng)用。

來(lái)自 Google 的 Flutter 雖然不是 JavaScript 語(yǔ)言的項(xiàng)目(因?yàn)樗�使�?Dart 編程語(yǔ)言)， 但對(duì)于構(gòu)建跨環(huán)境移動(dòng)端應(yīng)用，它也是一個(gè)很棒的備選方案。

編譯工具

 

 

我們過(guò)去曾討論在 JavaScript 中引入靜態(tài)類型的最佳方案。

到了 2018 年，微軟的 TypeScript 大幅領(lǐng)先了其靈感來(lái)源 —— Facebook 的 Flow。實(shí)際上，支持 TypeScript 的最新版 Babel 是一個(gè)攪局者。

TypeScript 幾乎是一個(gè)開發(fā)標(biāo)準(zhǔn)：無(wú)論對(duì)于后端還是前端開發(fā)來(lái)說(shuō)，我們看到越來(lái)越多的項(xiàng)目包含了 TypeScript 聲明。而且，如果某些庫(kù)自身不帶類型聲明，那么名為 DefinitelyTyped 的項(xiàng)目會(huì)為大量的那些庫(kù)提供類型聲明。

構(gòu)建工具

 

 

打包工具 Parcel 證實(shí)了它在 2017 年的成功，開發(fā)者們喜歡零配置建立一個(gè)新項(xiàng)目的能力。

測(cè)試框架

 

 

2018 年中測(cè)試框架領(lǐng)域總體沒(méi)有什么變化，5 個(gè)領(lǐng)先的解決方案保持了和 2017 年相同的排名。

Jest 比競(jìng)爭(zhēng)者們進(jìn)步更快，開發(fā)者們喜歡 Fackbook 的全功能測(cè)試框架所帶來(lái)的效用 —— 無(wú)論是在前端(它最初被打算用于測(cè)試 React 組件)還是后端使用，而且它是零配置的。

IDE 和編輯器

 

 

VS Code，全類別里第 3 流行的項(xiàng)目，幾乎就是用于 web 開發(fā)的事實(shí)上的 IDE 了。它依靠自動(dòng)補(bǔ)全功能和自帶 TypeScript 集成站穩(wěn)了腳跟。殺手級(jí)功能可能就是對(duì)于 Node.js 的調(diào)試能力了吧。

CSS in JavaScript

 

 

雖然目前，對(duì)于基于組件的現(xiàn)代前端應(yīng)用，什么才是最好的樣式化方案，還沒(méi)有定論(無(wú)論 React，Vue.js 還是 Angular)。但是 Styled Components 依然有著最好的勢(shì)頭，看起來(lái)是最受歡迎的“組件樣式化”解決方案。

靜態(tài)網(wǎng)站生成器

 

 

和 2017 年一樣，Gatsby 在 2018 年依然是最受歡迎的靜態(tài)站點(diǎn)生成器(用于生成一組 HTML JavaScript 和 CSS 文件，以便能夠在任意地方托管，超快響應(yīng) —— 的一種工具)。

Gatsby 的亮點(diǎn)在于它的多面性(你能結(jié)合單頁(yè)應(yīng)用和靜態(tài)站點(diǎn)的優(yōu)點(diǎn))以及對(duì)性能的關(guān)注。

如果你希望使用 Vue.js 而不是 React，那么第 2 名的 VuePress 或許是恰當(dāng)?shù)倪x擇。

GraphQL

 

 

GraphQL 生態(tài)圈正在高速發(fā)展，并且有一個(gè)大趨勢(shì)是： 一些工具的出現(xiàn)能夠簡(jiǎn)化 GraphQL 的配置過(guò)程。

Gatsby 依然是第一名，而且它絕對(duì)是最易上手使用 GraphQL 的工具之一。從 Graphcool 演變而來(lái)的 Prisma 位于第二。與此同時(shí)，Hasura GraphQL Engine 還可以幫你直接從數(shù)據(jù)庫(kù)生成一個(gè)能運(yùn)作的后端。

前 15 名的其余部分，包括 GraphQL 服務(wù)端、客戶端、以及各種其他工具 —— 比如 GraphQL Playground。

總結(jié)

2018 年，JavaScript 生態(tài)圈的項(xiàng)目在 GitHub 上的表現(xiàn)與我們之前發(fā)布過(guò)的2018 年 JavaScript 生態(tài)圈調(diào)查報(bào)告里的結(jié)果有很多相似之處，因?yàn)槎际情_發(fā)者主觀表達(dá)得到的結(jié)果，從客觀上來(lái)說(shuō)，各項(xiàng)目在 npm 上的下載率才能真正代表市場(chǎng)上的應(yīng)用情況。但 GitHub 在某種程度上代表了一種潛在的趨勢(shì)，在開發(fā)者選擇自己的開發(fā)模式時(shí)，能給出新的借鑒。

作者：Sacha Greif、Michael Rambeau

原文鏈接

https://risingstars.js.org/2018/zh/

標(biāo)簽： Google 代碼 開發(fā)者 排名 數(shù)據(jù)庫(kù)

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。