刚刚24 年度最佳JS 项目揭晓,竟然是它?

共 4058字,需浏览 9分钟

 ·

2024-06-17 13:58

6 月 13 日,JS Nation 2024 大会在阿姆斯特丹举行,会上揭晓了本年度备受期待的 JavaScript 年度项目(共四个奖项)。接下来,让我们一同揭晓这一年度荣誉的归属!

年度突破奖

获奖项目:Rspack

奖项解读:“年度突破奖”是专为在JavaScript生态系统中作出杰出贡献、为进一步发展开辟新维度和新可能性的项目而设立的奖项。这个奖项主要关注那些具有新颖概念和想法,且首次实现就展现出卓越成果,并具有巨大未来潜力的项目。

奖项候选名单:Rspack、solid-start、WinterJS、Mitosis

  • Rspack: Rspack是字节跳动 Web Infra 团队出品的基于Rust开发的高性能Web构建工具,旨在解决大型项目构建性能问题,兼容Webpack生态,具备快速启动、高效HMR、内置构建能力和生产优化等特点,提供灵活的前端工具链解决方案。

  • solid-start: 基于 Solid 应用框架的现代化开发环境,它专注于提供高性能、可扩展且易于使用的 Web 应用开发体验,具有面向未来的前端框架形态。SolidStart 还原生支持 TypeScript,并兼容 CSS Modules、SASS/SCSS 等样式解决方案,使得开发者能够构建出既高效又易于维护的 Web 应用

  • WinterJS: 高性能的JavaScript运行时环境,专为与Cloudflare等工具无缝配合而设计,旨在加速全球范围内的网站运行。它使用Rust编写,并利用SpiderMonkey引擎和Tokio处理HTTP请求,从而在单个CPU核心上实现每秒超过58,000个请求的极速性能。

  • Mitosis: 跨框架统一开发体验的工具,允许开发者在单一代码库中构建组件,并编译成 React、Vue、Angular、Svelte、Solid、Alpine、Qwik 等多种框架的代码,从而在不同框架间保持一致的设计系统,并避免直接使用 Web 组件的潜在问题。

最令人兴奋应用技术奖

获奖项目:Effect-TS

奖项解读:“最令人兴奋应用技术奖”奖项旨在表彰那些通过独特且非传统的JavaScript应用方式,推动了整个开发社区进步的项目或应用。

奖项候选名单:Effect-TS、PartyKit、elysia、hono.js、Javy。

  • Effect-TS:一个强大的 TypeScript 库,它旨在帮助开发者轻松地创建复杂、同步和异步程序。通过基于 fiber 的并发模型、可组合性、资源安全性、类型安全性、结构化错误处理以及同步和异步代码的一致性编写方式,Effect-TS 提供了构建高度可扩展、低延迟、易于维护和调试的软件的工具。

  • PartyKit:一个简化多人在线应用开发的框架,它让开发者能够通过极少的代码快速构建多人应用或向现有项目添加实时体验,同时处理复杂的操作和实时基础设施的扩展。利用边缘计算平台和新颖编程原语的力量,PartyKit 既强大又易用,为构建复杂应用提供了熟悉的接口。

  • Elysia:一个符合人体工程学的Web框架,用于使用 Bun 构建后端服务器。设计时考虑到简单性和类型安全性,使用熟悉的 API 和对 TypeScript 的广泛支持,专为 Bun 优化。可以在Cloudflare Worker、Vercel Edge Function 以及支持 Web 标准请求的大多数其他运行时上部署 Elysia 服务器。

  • hono.js:一个超快的 Web 框架,它可以在任何 JavaScript 运行时上运行。Hono 最初为 Cloudflare Workers 打造,同时兼容 Node.js。其设计理念是简单、轻量和灵活,提供基本功能如路由、中间件、请求和响应处理等,但不强加任何额外的约束或依赖。

  • Javy:一个工具链,它能够将 JavaScript 代码编译为 WebAssembly(Wasm)模块,并在 WebAssembly 嵌入的 JavaScript 运行时中执行。通过使用动态链接,Javy 能够创建大小在 1 到 16 KB 范围内的非常小的 Wasm 模块。

卓越生产力奖

获奖项目:Biome

奖项解读:“卓越生产力奖”旨在表彰能够显著提高开发工作效率的项目。

奖项候选名单:Biome、Nitro、Typescript Eslint、Vanilla Extract、Node.js Test Runner

  • Biome: 一个高性能的前端工具链,它提供快速的代码格式化(兼容 Prettier 97%)和丰富的 Linting 功能(包含 190 余项规则),支持 JavaScript、TypeScript、JSX 和 JSON 等格式,旨在帮助开发者优化代码质量,并通过在编辑器中的交互式使用提升开发效率。

  • Nitro: 用于构建基于 unjs/h3 的 web 服务器,并提供了大量内置功能。Nitro 的核心优势在于它能够自动确保你的代码与任何部署提供商和运行时环境兼容,极大地简化了开发和部署过程。通过使用 Nitro,开发者可以更加专注于业务逻辑的实现,而无需担心代码在不同环境中的兼容性问题。

  • Typescript Eslint: 使 ESLint 能够在 TypeScript 代码上运行。它结合了这两种工具的优点,帮助你编写尽可能最好的 JavaScript 或 TypeScript 代码,使得开发者能够在 TypeScript 项目中使用 ESLint 进行静态代码分析,以识别潜在的错误、提高代码质量和一致性。

  • Vanilla Extract: 一个在 TypeScript 中编写样式并生成静态 CSS 文件的工具。它支持局部作用域的类名、CSS 变量,并提供高级主题系统和类型安全的样式。可以与其他前端框架集成,也可以在没有框架的情况下使用。

  • Node.js Test Runner :一种用于在 Node.js 环境中执行测试的工具,它提供了基本的测试功能,并支持多种测试类型和结果输出格式。使用 Node.js 内置的 Test Runner 可以减少项目对第三方依赖的依赖,并提供更一致的测试体验。

AI 助力卓越编程奖

获奖项目:screenshot-to-code

奖项解读:“AI 助力卓越编程奖”奖项旨在表彰那些通过集成人工智能(AI)或 AI 操作系统技术,显著提升了编程效率和代码质量的项目。

奖项候选名单:screenshot-to-code、Draw-a-ui、Web LLM、LangChain.js、Ollama.js

  • screenshot-to-code:一个基于截图生成前端代码的项目。

  • Draw-a-ui: 使用 tldraw 和 gpt-4-vision API 来根据绘制的线框图生成 HTML 代码的工具。

  • Web LLM: WebLLM 是一个高性能的浏览器内大型语言模型(LLM)推理引擎,它直接在网页浏览器上进行语言模型推理,并利用硬件加速。所有的操作都在浏览器内部运行,无需服务器支持,并通过 WebGPU 进行加速。

  • LangChain.js: LangChain.js 是一个基于语言模型的框架,用于开发上下文感知和具备推理能力的应用程序,通过连接语言模型到各种上下文源(如提示指令、示例、内容等)来实现。

  • Ollama.js: 一个功能强大的开源框架,旨在简化在Docker容器中部署和管理大型语言模型(LLM)的过程。



不愧是前端,每年的新技术、新轮子都层出不穷,那么问题来了,上面那么多技术,小伙伴们关注多哪些?学过哪些呢?

👇🏻 点击下方阅读原文,获取鱼皮往期编程干货。

往期推荐

最新编程语言排行榜,C++ 和 Go 成为新王?!

面试刷题,用这个神器就够了

又一个新项目完结,炸裂!

号称 “颜值天花板” 的剪切板工具,长什么样?

一道很基础的 JS 面试题,但 90% 的前端不会答。。

毕业了!给学计算机朋友的 10 条血泪建议

SpringBoot 同时可以处理多少请求?这可难倒了不少人

浏览 87
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报