建站
咨詢
售后
建站咨詢
新聞中心
大家好，我是 CUGGZ。
近日，Best of JS[1] 正式公布 2022 年 JavaScript 明星項目榜單。該榜單提供了過去 12 個月 JavaScript 生態(tài)系統(tǒng)中的趨勢項目的概述！
此榜單包含了以下部分：最受歡迎的項目、前端框架、React生態(tài)系統(tǒng)、Vue生態(tài)系統(tǒng)、后端/全棧、構(gòu)建工具、CSS in JS、測試工具、移動端、桌面端、靜態(tài)站點、狀態(tài)管理、GraphQL。
最受歡迎的項目
2022 年最受歡迎的 JavaScript 項目 Top 10 如下：
總冠軍：Bun
2022 年年度最流行的項目 Bun：一個新的 JavaScript 運行時。今年夏天，隨著 GitHub 上第一個 Beta 版的發(fā)布，它的人氣大增：一個月內(nèi)，GitHub 就有超過 20000 Star！
那 Bun 有什么特別之處呢？與兩年前的總冠軍 Deno 一樣，它為 TypeScript 提供了一流的支持。
但 Bun 不僅僅是一個運行時。它還包括：
- 包管理器（像 Yarn、NPM、PNPM）；
- 構(gòu)建工具（像 Webpack、ESBuild、Parcel）；
- 測試工具
- ...
Bun 可以讀取 ??package.json?? 安裝的依賴，Bun 還可以運行腳本。它做任何事都比其他任何運行時要快。Bun 是對 JavaScript 生態(tài)系統(tǒng)許多方面的全新詮釋，專注于性能。
它優(yōu)先考慮 Fetch 等標(biāo)準(zhǔn) Web API。它支持許多 Node.js API，使其與大多數(shù) NPM 包兼容。它可能還沒有“生產(chǎn)就緒”（缺少 Windows 支持），但它是一個非常有前途的工具。與 Deno 相比，它的生態(tài)系統(tǒng)還很新，但它已經(jīng)有了一個名為 Elysia 的 Web 框架，號稱是最快的 HTTP 框架。
Bun 最令人難以置信的是它的創(chuàng)建者 Jarred Sumner 使用一種稱為 Zig 的低級語言從頭開始實現(xiàn)了所有這些功能。
Tauri
在 2021 年，Tauri 在最受歡迎的項目中排名第五。2022 年它以新增 30000 Star 在最受歡迎的項目中排名第二。這是一個用 Rust 編寫的項目，用于使用 Web 技術(shù)創(chuàng)建跨平臺桌面應(yīng)用。
Tauri 1.0 版于 6 月發(fā)布。它在構(gòu)建時考慮了安全性和性能。與 Electron 相比，它占用空間小，因為開發(fā)人員必須指定應(yīng)用所需的 API 和功能。
React 和 Next.js
排在第三位和第四位的分別是 React 和 Next.js，它們都新增了近 20000 Star。
Next.js 13 于 10 月發(fā)布，使用了 2020 年 React 17 引入的 React Server Components。
React 的維護者之一 Andrew Clark 表示：React Server Components 是 React 的未來，目標(biāo)就是將這種架構(gòu)傳播到整個 React 生態(tài)系統(tǒng)，而不管框架如何。
Vite
Vite 是基于 Web 技術(shù)構(gòu)建應(yīng)用的工具，提供了令人驚嘆的開發(fā)人員體驗。
Vite 今年有兩個主要版本（7 月發(fā)布的 v3 和 12 月發(fā)布的 v4）。它為越來越多的項目提供支持，包括框架 SvelteKit 和 Qwik 以及 Vitest。
前端框架
2022 年前端框架中的明星項目 Top 10 如下：
React 仍然是 2022 年的冠軍，如果考慮 Vue.js 的 v2 和 v3 倉庫 Star 總和，其與 React 受歡迎程度接近。
主要變化是排在第二位的 Qwik。Qwik 類似于 React，它也使用用 JSX 編寫的組件作為模板，但主要區(qū)別在于專注于在瀏覽器中傳輸最少的 JavaScript。
Qwik 是“Zero baseline JavaScript”框架趨勢的一部分。站點和應(yīng)用通常會因影響瀏覽器性能的大量 JavaScript 資源而變得臃腫：即使頁面在服務(wù)端渲染，用戶也必須等到 JavaScript 被加載、解析和執(zhí)行才能與頁面交互。
Qwik 不依靠水合來為服務(wù)器上生成的頁面帶來交互性，而是使用一種稱為可恢復(fù)性的技術(shù)來提供即時交互的 HTML。它通過在 HTML 本身中序列化應(yīng)用的狀態(tài)來工作。
該項目由 Mi?ko Hevery 領(lǐng)導(dǎo)，他是 AngularJS 的創(chuàng)建者，他的口號是“為 Web 應(yīng)用增強 HTML”，Qwik 就是“HTML 優(yōu)先的框架”。
React 生態(tài)系統(tǒng)
2022 年 React 生態(tài)系統(tǒng)中的明星項目 Top 10 如下：
React 仍然是一個可以在任何網(wǎng)頁使用的庫，但它也已經(jīng)發(fā)展成為一個架構(gòu)框架，可以遵循它來創(chuàng)建交互式、彈性和高性能的前端模式。
React 18 版本（3 月）包括并發(fā)特性和 API，主要為框架提供架構(gòu)模式。React Server Components 旨在結(jié)合這些新的架構(gòu)模式實現(xiàn)。一些約定現(xiàn)在已經(jīng)在 React 框架之間標(biāo)準(zhǔn)化（例如 use client），而其他約定正在測試階段（例如服務(wù)端組件中的 async/await）。
在 2023 年，我們將繼續(xù)看到使用 React 新原語的創(chuàng)新，用于改進類型安全的庫以及 UI 組件庫的增長將繼續(xù)上升。
Vue 生態(tài)系統(tǒng)
2022 年 Vue 生態(tài)系統(tǒng)中的明星項目 Top 10 如下：
今年，Vue.js 進行了許多重大更新。Vue 2.7 將原生 Composition API 和 ??