前端年度大事件盘点：尤雨溪成立公司、ECMAScript 2024发布，以及各大框架重磅更新……

2024 年即将结束，又到了一年一度的前端大事件盘点环节，本文就来看看 2024 年都发生了哪些前端大事件！

JavaScript

• ECMAScript 2024 发布：🔗 更新详情

• Promise.withResolvers()

• Object.groupBy / Map.groupBy

• String：isWellFormed() / toWellFormed()

• ArrayBuffer：resize / transfer

• Atomics.waitAsync()

• 正则表达式 v 标志

TypeScript

• TypeScript 5.5 发布： 🔗 更新详情

• TypeScript 5.6 发布： 🔗 更新详情

• TypeScript 5.7 发布： 🔗 更新详情

Vue

• Vue-Official 2.0 发布：Volar Language Features (Volar) 更名为 Vue-Official，并发布 2.0 版本。

• Rolldown 开源：使用 Rust 开发的 Rollup 替代品，提供了与 Rollup 兼容的 API 和插件接口，但在功能范围上将更接近 Esbuild，未来会在 Vite 中替代 Rollup。

• Vue 3.5 发布（🔗 更新详情）：版本代号为 “天元突破红莲螺岩”。

• VoidZero 成立： 尤雨溪的新公司 VoidZero 成立，其创立旨在解决当前 JavaScript 工具链碎片化、依赖复杂以及性能瓶颈等问题，为开发者提供一个更加流畅和高效的开发体验，并且已完成 460 万美元种子轮融资。

• Vue Devtools Next 上线（🔗 更新详情）：自去年 12 月开源以来，经过长达半年多的精心改进与广泛测试，v7 正式版正式上线。

React

• React 18.3 发布：React 停更两年之后，终于发布了 v18.3 版本，但该版本未带来新功能，只提供了一些额外的警告，旨在帮助开发者更顺利地升级到即将到来的 React 19。

• React 19.0 发布（🔗 更新详情）：更像是一次拥抱 HTML 的大更新，很多新增功能可能对于普通开发者用处不大。

• React Compiler 开源：一个实验性工具，旨在通过自动优化来提高 React 应用的性能。它通过理解 JavaScript 语义和 React 的规则，自动对代码进行诸如记忆等优化，从而减少不必要的计算和渲染，提升应用的响应速度和用户体验。有了 React 编译器，useMemo、useCallback、React.memo 等 API 都不需要了。

• Next.js 15 发布： 🔗 更新详情

• React Native 0.76 发布（🔗 更新详情）： 引入了全新的架构。

• React Router v7 发布： 从 v7 开始，React Router 已不再仅仅只是一个路由库，还是一个现代化全栈框架。该版本将 Remix 的大量特性整合到了 React Router 中，为 React Router 用户开启了全新的“框架模式”，开发者可以通过 React Router 直接使用 Remix 的功能！

Angular

• Angular 18 发布： 🔗 更新详情

• Angular 19 发布： 🔗 更新详情

Node.js / Deno

• Node.js 22.0 发布：https://nodejs.org/en/blog/announcements/v22-release-announce

• Node.js 23.0 发布： 🔗 更新详情

• Express.js 5.0 发布（ 🔗 更新详情）：近年来 Express.js 更新步伐放缓，不过自今年初，Express.js 团队推出了前进计划，详细描绘了 5.0、6.0 及 7.0 版本的未来蓝图。

• Deno 2.0 发布（🔗 更新详情）：一个现代的、一体化的、零配置的 JavaScript 运行时、工具链，专为 JavaScript 和 TypeScript 开发设计。目前已有数十万开发者在使用 Deno，其代码仓库是GitHub上 star 数第二高的 Rust 项目。

Electron / Tauri

• Electron 29 发布：https://www.electronjs.org/blog/electron-29-0

• Electron 30 发布： https://www.electronjs.org/blog/electron-30-0

• Electron 31 发布： 🔗 更新详情

• Electron 32 发布： 🔗 更新详情

• Electron 33 发布： 🔗 更新详情

• Tauri 2.0 发布（🔗 更新详情）：一个用于构建适用于所有主要桌面（macOS、Linux、Windows）和移动（iOS、Android）平台的轻量级快速二进制文件的框架。其直接对标 Electron，其提供了一种更现代、更安全且资源效率更高的方法来构建跨平台桌面应用！

Vite

• VitePress 1.0 发布（🔗 更新详情）：全新的静态站点生成器，专为构建快速、以内容为中心的网站而设计，其能够轻松地将以 Markdown 格式撰写的源文件内容转化为静态 HTML 页面，支持部署至任何平台。VitePress 是 VuePress 的现代替代品。

• Vitest 2.0 发布：Vite 团队打造的下一代测试框架，仅仅发布两年，其 npm 下载量就已经高达每周 500w，并且还在呈现快速增长的趋势。

• Vite 6.0发布（🔗 更新详情）：主要带来了 Environment API（实验性）功能，它允许用户和框架作者根据生产环境中应用的工作方式，创建所需的多个环境。

Rspack

• Rslib 发布： 一个由 Rsbuild 驱动的库构建工具，其基于Rsbuild出色的配置和插件构建，提供最佳的 ESM 和CJS 输出。不仅继承了webpack和Rspack构建的庞大生态系统中诸如代码 tree shaking、代码拆分、模块联邦等强大功能，还优化了 ESM 输出的质量。

• Rspack 1.0 发布（🔗 更新详情）：一个基于 Rust 语言开发的下一代 JavaScript 打包工具，它兼容 webpack 的 API 和生态，并且在构建性能上比 Webpack 高出 10 倍。

Ant Design

• Ant Design Web3 发布：一个基于 Ant Design 的 Web3 React 组件库，它提供了一系列的组件，可以帮助你快速构建去中心化应用（DApp）。除此之外，还提供了和链交互的能力，多层架构的设计可以兼容不同的链，让组件拥有了超越 UI 的能力。

• Ant Design X 发布：一个遵循 Ant Design 设计体系的 React UI 库，用于构建由 AI 驱动的界面，一键接入智能对话组件与 API 服务。

其他工具：

• Bun 支持 Windows：Bun 是一个快速、一体化的工具箱，用于运行、构建、测试和调试 JavaScript 和 TypeScript，无论是单个脚本还是全栈应用。v1.1 带来了全面的 Windows 支持，这意味着 Bun 现已覆盖所有主流操作系统。

• TanStack Start 发布： 一个基于 TanStack Router、Vinxi 和 Vite 的全栈 React 框架。

• One 发布： 一个基于 React 的跨平台开发框架，旨在简化 Web 和原生应用开发。

• Svelte 5.0 发布（🔗 更新详情）：Svelte 是一个用于构建用户界面的JavaScript框架，它在编译时将代码转换为高效的原生JavaScript，而不是在浏览器中执行，从而提供更快的应用性能和更少的运行时开销。

• WebStorm 免费： WebStorm 个人版免费开放使用。

• Astro 5.0 发布（🔗 更新详情）：一个用于构建快速、响应式网页的静态站点生成器，它通过集成现代UI框架（如 React、Vue、Svelte 等）组件并优化交付，使得开发者可以创建高性能的静态网站和应用。

• CSS Logo 更新：CSS 更换了新 Logo，与其他兄弟保持统一。

AI

• Cursor 发布（🔗 使用体验）：一个智能化的代码编辑器和IDE，它利用AI技术来帮助开发者更高效地编写代码。Cursor 提供智能代码补全、自动错误检测与修复建议、以及上下文相关的文档和示例代码展示等功能，旨在通过AI的力量提升开发者的生产力和编码体验。

• Windsurf 发布：一款功能强大的AI编程工具及集成开发环境（IDE）编辑器，由Codeium公司推出，它结合了先进的人工智能技术和丰富的编程功能，为开发者提供了高效、智能的编程体验。

• Bolt.new 发布：由StackBlitz推出的一款基于浏览器的AI全栈Web开发平台，它集成了前沿的AI模型和WebContainers技术，为开发者提供了一个轻量级、无需复杂配置的开发环境，支持从编写代码到部署应用的全部步骤，旨在提升开发效率和简化开发流程。