6 月 13 日，JS Nation 2024 大會在阿姆斯特丹舉行，會上揭曉了本年度備受期待的 JavaScript 年度項目（共四個獎項）。接下來，讓我們一同揭曉這一年度榮譽的歸屬！

年度突破獎

獲獎項目：Rspack

獎項解讀：“年度突破獎”是專為在JavaScript生態(tài)系統(tǒng)中作出杰出貢獻、為進一步發(fā)展開辟新維度和新可能性的項目而設(shè)立的獎項。這個獎項主要關(guān)注那些具有新穎概念和想法，且首次實現(xiàn)就展現(xiàn)出卓越成果，并具有巨大未來潛力的項目。

獎項候選名單：Rspack、solid-start、WinterJS、Mitosis。

• Rspack： Rspack是字節(jié)跳動 Web Infra 團隊出品的基于Rust開發(fā)的高性能Web構(gòu)建工具，旨在解決大型項目構(gòu)建性能問題，兼容Webpack生態(tài)，具備快速啟動、高效HMR、內(nèi)置構(gòu)建能力和生產(chǎn)優(yōu)化等特點，提供靈活的前端工具鏈解決方案。
• solid-start： 基于 Solid 應(yīng)用框架的現(xiàn)代化開發(fā)環(huán)境，它專注于提供高性能、可擴展且易于使用的 Web 應(yīng)用開發(fā)體驗，具有面向未來的前端框架形態(tài)。SolidStart 還原生支持 TypeScript，并兼容 CSS Modules、SASS/SCSS 等樣式解決方案，使得開發(fā)者能夠構(gòu)建出既高效又易于維護的 Web 應(yīng)用
• WinterJS： 高性能的JavaScript運行時環(huán)境，專為與Cloudflare等工具無縫配合而設(shè)計，旨在加速全球范圍內(nèi)的網(wǎng)站運行。它使用Rust編寫，并利用SpiderMonkey引擎和Tokio處理HTTP請求，從而在單個CPU核心上實現(xiàn)每秒超過58,000個請求的極速性能。
• Mitosis： 跨框架統(tǒng)一開發(fā)體驗的工具，允許開發(fā)者在單一代碼庫中構(gòu)建組件，并編譯成 React、Vue、Angular、Svelte、Solid、Alpine、Qwik 等多種框架的代碼，從而在不同框架間保持一致的設(shè)計系統(tǒng)，并避免直接使用 Web 組件的潛在問題。

最令人興奮應(yīng)用技術(shù)獎

獲獎項目：Effect-TS

獎項解讀：“最令人興奮應(yīng)用技術(shù)獎”獎項旨在表彰那些通過獨特且非傳統(tǒng)的JavaScript應(yīng)用方式，推動了整個開發(fā)社區(qū)進步的項目或應(yīng)用。

獎項候選名單：Effect-TS、PartyKit、elysia、hono.js、Javy。

• Effect-TS：一個強大的 TypeScript 庫，它旨在幫助開發(fā)者輕松地創(chuàng)建復(fù)雜、同步和異步程序。通過基于 fiber 的并發(fā)模型、可組合性、資源安全性、類型安全性、結(jié)構(gòu)化錯誤處理以及同步和異步代碼的一致性編寫方式，Effect-TS 提供了構(gòu)建高度可擴展、低延遲、易于維護和調(diào)試的軟件的工具。
• PartyKit：一個簡化多人在線應(yīng)用開發(fā)的框架，它讓開發(fā)者能夠通過極少的代碼快速構(gòu)建多人應(yīng)用或向現(xiàn)有項目添加實時體驗，同時處理復(fù)雜的操作和實時基礎(chǔ)設(shè)施的擴展。利用邊緣計算平臺和新穎編程原語的力量，PartyKit 既強大又易用，為構(gòu)建復(fù)雜應(yīng)用提供了熟悉的接口。
• Elysia：一個符合人體工程學(xué)的Web框架，用于使用 Bun 構(gòu)建后端服務(wù)器。設(shè)計時考慮到簡單性和類型安全性，使用熟悉的 API 和對 TypeScript 的廣泛支持，專為 Bun 優(yōu)化。可以在Cloudflare Worker、Vercel Edge Function 以及支持 Web 標準請求的大多數(shù)其他運行時上部署 Elysia 服務(wù)器。
• hono.js：一個超快的 Web 框架，它可以在任何 JavaScript 運行時上運行。Hono 最初為 Cloudflare Workers 打造，同時兼容 Node.js。其設(shè)計理念是簡單、輕量和靈活，提供基本功能如路由、中間件、請求和響應(yīng)處理等，但不強加任何額外的約束或依賴。
• Javy：一個工具鏈，它能夠?qū)?JavaScript 代碼編譯為 WebAssembly（Wasm）模塊，并在 WebAssembly 嵌入的 JavaScript 運行時中執(zhí)行。通過使用動態(tài)鏈接，Javy 能夠創(chuàng)建大小在 1 到 16 KB 范圍內(nèi)的非常小的 Wasm 模塊。

卓越生產(chǎn)力獎

獲獎項目：Biome

獎項解讀：“卓越生產(chǎn)力獎”旨在表彰能夠顯著提高開發(fā)工作效率的項目。

獎項候選名單：Biome、Nitro、Typescript Eslint、Vanilla Extract、Node.js Test Runner。

• Biome： 一個高性能的前端工具鏈，它提供快速的代碼格式化（兼容 Prettier 97%）和豐富的 Linting 功能（包含 190 余項規(guī)則），支持 JavaScript、TypeScript、JSX 和 JSON 等格式，旨在幫助開發(fā)者優(yōu)化代碼質(zhì)量，并通過在編輯器中的交互式使用提升開發(fā)效率。
• Nitro： 用于構(gòu)建基于 unjs/h3 的 web 服務(wù)器，并提供了大量內(nèi)置功能。Nitro 的核心優(yōu)勢在于它能夠自動確保你的代碼與任何部署提供商和運行時環(huán)境兼容，極大地簡化了開發(fā)和部署過程。通過使用 Nitro，開發(fā)者可以更加專注于業(yè)務(wù)邏輯的實現(xiàn)，而無需擔心代碼在不同環(huán)境中的兼容性問題。
• Typescript Eslint： 使 ESLint 能夠在 TypeScript 代碼上運行。它結(jié)合了這兩種工具的優(yōu)點，幫助你編寫盡可能最好的 JavaScript 或 TypeScript 代碼，使得開發(fā)者能夠在 TypeScript 項目中使用 ESLint 進行靜態(tài)代碼分析，以識別潛在的錯誤、提高代碼質(zhì)量和一致性。
• Vanilla Extract： 一個在 TypeScript 中編寫樣式并生成靜態(tài) CSS 文件的工具。它支持局部作用域的類名、CSS 變量，并提供高級主題系統(tǒng)和類型安全的樣式。可以與其他前端框架集成，也可以在沒有框架的情況下使用。
• Node.js Test Runner ：一種用于在 Node.js 環(huán)境中執(zhí)行測試的工具，它提供了基本的測試功能，并支持多種測試類型和結(jié)果輸出格式。使用 Node.js 內(nèi)置的 Test Runner 可以減少項目對第三方依賴的依賴，并提供更一致的測試體驗。

AI 助力卓越編程獎

獲獎項目：screenshot-to-code

獎項解讀：“AI 助力卓越編程獎”獎項旨在表彰那些通過集成人工智能（AI）或 AI 操作系統(tǒng)技術(shù)，顯著提升了編程效率和代碼質(zhì)量的項目。

獎項候選名單：screenshot-to-code、Draw-a-ui、Web LLM、LangChain.js、Ollama.js

• screenshot-to-code：一個基于截圖生成前端代碼的項目。
• Draw-a-ui： 使用 tldraw 和 gpt-4-vision API 來根據(jù)繪制的線框圖生成 HTML 代碼的工具。
• Web LLM： WebLLM 是一個高性能的瀏覽器內(nèi)大型語言模型（LLM）推理引擎，它直接在網(wǎng)頁瀏覽器上進行語言模型推理，并利用硬件加速。所有的操作都在瀏覽器內(nèi)部運行，無需服務(wù)器支持，并通過 WebGPU 進行加速。
• LangChain.js： LangChain.js 是一個基于語言模型的框架，用于開發(fā)上下文感知和具備推理能力的應(yīng)用程序，通過連接語言模型到各種上下文源（如提示指令、示例、內(nèi)容等）來實現(xiàn)。
• Ollama.js： 一個功能強大的開源框架，旨在簡化在Docker容器中部署和管理大型語言模型（LLM）的過程。