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

年度突破獎(jiǎng)

獲獎(jiǎng)項(xiàng)目：Rspack

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

獎(jiǎng)項(xiàng)候選名單：Rspack、solid-start、WinterJS、Mitosis。

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

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

獲獎(jiǎng)項(xiàng)目：Effect-TS

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

獎(jiǎng)項(xiàng)候選名單：Effect-TS、PartyKit、elysia、hono.js、Javy。

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

卓越生產(chǎn)力獎(jiǎng)

獲獎(jiǎng)項(xiàng)目：Biome

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

獎(jiǎng)項(xiàng)候選名單：Biome、Nitro、Typescript Eslint、Vanilla Extract、Node.js Test Runner。

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

AI 助力卓越編程獎(jiǎng)

獲獎(jiǎng)項(xiàng)目：screenshot-to-code

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

獎(jiǎng)項(xiàng)候選名單：screenshot-to-code、Draw-a-ui、Web LLM、LangChain.js、Ollama.js

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