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

最受歡迎的前 20 個項目

 

 

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

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

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

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

前端框架

 

 

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

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

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

Node 框架

 

 

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

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

采用 Vue.js 的 Nuxt。

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

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

React 生態(tài)圈

 

 

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

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

Vue 生態(tài)圈

 

 

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

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

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

Angular 生態(tài)圈

 

 

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

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

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

移動開發(fā)

 

 

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

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

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

編譯工具

 

 

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

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

TypeScript 幾乎是一個開發(fā)標準：無論對于后端還是前端開發(fā)來說，我們看到越來越多的項目包含了 TypeScript 聲明。而且，如果某些庫自身不帶類型聲明，那么名為 DefinitelyTyped 的項目會為大量的那些庫提供類型聲明。

構(gòu)建工具

 

 

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

測試框架

 

 

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

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

IDE 和編輯器

 

 

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

CSS in JavaScript

 

 

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

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

 

 

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

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

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

GraphQL

 

 

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

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

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

總結(jié)

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

作者：Sacha Greif、Michael Rambeau

原文鏈接

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

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

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