2021年JavaScript業界發展回顧 - risingstars

banq發表於2022-01-18
JavaScript

這是我們對 JavaScript 領域的2021年度總結。

比較了過去 12 個月在 GitHub 上新增的星數。我們分析了來自Best of JS的專案，這是與 Web 平臺相關的最佳專案的精選列表。

  

總體上最受歡迎的專案

今年最流行的專案是zx，這是 Google 的一個全新工具，可以用 JavaScript 或 TypeScript 編寫簡單的命令列指令碼。

基本上，它允許您在程式碼中嵌入任何 bash 表示式（ls, cat, git... 任何東西！），並await使用JavaScript 模板文字作為結果。

它包括幾個流行包提供的實用程式：

  • node-fetchfetch使用與瀏覽器中相同的 API 發出 HTTP 請求
  • fs-extra處理檔案系統操作
  • globby匹配給定使用者友好模式的檔名

其次，Vite是一個構建工具，它使用esbuild編譯器來提供出色的效能。一開始它與 Vue.js 社群相關聯，但現在它已經設定了主要的 UI 框架：React、Svelte、Lit。

Next.js 位居第三，保持其在 React 世界中領先的“元框架”的地位。

第五名Tauri是一種使用 Web 技術構建桌面應用程式的解決方案。

與Electron相比，它是用 Rust 編寫的，並且不會隨每個應用程式附帶 Node.js 執行時。

Astro是今年最引人注目的專案之一。Astro 是一種構建載入速度更快的網站的工具，因為它們釋出的 JavaScript 更少。

這個概念接近於靜態站點生成 (SSG)，但主要區別在於 Astro 允許您在稱為“島嶼”的頁面中包含動態互動片段。

可以應用不同的策略在客戶端渲染動態元件：

最好的部分之一是 Astro 頁面可以使用 HTML 和使用任何框架編寫的元件的組合構建：React、Vue.js 或 Svelte...

  

前端框架

React是第一次成為排名第一的 UI 框架，但如果我們考慮到 Vue.js 分為兩個儲存庫（對於版本 2 和 3），Vue.js實際上是領導者。

最大的變化是Svelte的崛起，它在[url=https://angular.io/]Angular[/url]之前排名第三。

越來越多的工具或元件在目標框架中包含了 Svelte（例如我們提到了Vite）。

今年的主要頭條新聞之一是，Svelte 的建立者 Rich Harris 將加入 Vercel，成為Next.js背後的團隊。

與 Next.js 一樣，Svelte 有自己的元框架來構建高效能應用程式：SvelteKit。

第五，Solid是 React 的一個有趣的替代品。元件是使用 JSX 編寫的，但它不像 React 那樣依賴虛擬 DOM。

它激發了Mitosis的靈感，這是一個編寫和編譯針對任何框架的元件的工具：React、Vue.js、Angular、Svelte...

 

Node.js 框架

主要的 UI 框架都有自己的“元框架”來構建現代和可擴充套件的應用程式，提供路由、伺服器端渲染、提前靜態生成頁面、為生產優化構建等功能......

  • React 擁有Next.js，該類別的獲勝者，可以被認為是該領域的先驅
  • Vue.js 有Nuxt，現在分為 Vue.js v2 和 v3 的版本
  • Svelte 有SvelteKit

Remix是一個構建 React 應用程式的全棧框架，是該類別的新成員。這是今年最大的故事之一。它由React Router的作者建立，直到 10 月才對付費支持者開放。

自公開以來，該專案獲得了很大的關注（以及 300 萬美元的種子資金，這也有幫助！）。它的座右銘很明確：“Web Fundamentals, Modern UX”，因為它的 API 儘可能地遵循 Web 標準（HTTP 響應、表單提交......）。

Nest是更傳統的伺服器端 Node.js 框架的領導者，不依賴於任何 UI 庫。

Strapi是“無頭 CMS”的領導者，這些應用程式提供了豐富的儀表板讓使用者管理資料和現代 API 讓開發人員可以從資料中構建任何東西。最新版本 (4) 提供了一個構建在 React 元件庫之上的設計系統。

 

Vue 生態系統

隨著Vite成為 Vue 的新預設工具，Nuxt 3、Quasar和VitePress等元框架現在使用 Vite 作為其預設引擎。提供巨大的開發人員體驗改進併為創新開啟許多新大門。

新的 VS Code 擴充套件Volar為 Vue 帶來了一流的 TypeScript 支援；一個新的狀態管理器Pinia，它是基於新的 Composition API 構建的，成為 Vuex 的繼承者。

社群還為使 Vue 2 的 DX 與 Vue 3 保持一致，並使遷移過程更加順暢方面付出了很多努力。對於 Vue 開發人員來說，這是偉大的一年，他們的 DX 和應用程式的效能都得到了巨大的改進。很高興看到 2022 年即將發生的事情！

 

 

相關文章