栗子前端技术周刊第 83 期 - Rolldown-Vite、Angular v20、Docusaurus 3.8...

🌰栗子前端技术周刊第 83 期 (2025.05.26 - 2025.06.01)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

📰 技术资讯

1. Rolldown-Vite：尤雨溪和 Vite 团队正式推出 Rolldown-Vite，通过 Rust 的强悍性能彻底升级 Vite 的打包工具链，你只需将默认的 vite 包替换为 rolldown-vite 包即可，几乎无需修改配置。Rolldown-Vite 的构建速度提升 3~16 倍，大型项目内存占用降低高达 100 倍。

2. Angular v20：Angular v20 正式推出，本次大版本更新对多项实验性特性进行了全面优化并升级为稳定版，包括：响应式信号（Signals）、渐进式水合（Incremental Hydration）。同时引入全新实验性 API：资源流式传输（Resource Streaming）、基于响应式 Signal 的 HTTP 请求（httpResource）。

3. Docusaurus 3.8：Docusaurus 3.8 正式发布，内容包括：性能优化；新增了"未来标志（Future Flags）"功能，让开发者能够提前启用即将在 Docusaurus v4 中推出的变更特性；计划在 Docusaurus v4 中引入 CSS Cascade Layers，现在可通过未来标志提前开启使用等等。

4. Bun v1.2.15 ：Bun v1.2.15 版本发布，内容包括：新增 bun audit 命令，用于执行项目依赖项的安全审计；新增 bun pm view <pkg> 命令，该命令可获取并以优雅格式化显示指定软件包的详细信息（最新版本号、包描述信息、完整依赖项列表及其他关键元数据）等等。

📒 技术文章

1. React, Visualized：React 可视化指南 - 基于之前版本新增了 React 19 核心机制和特性图解，包括：Actions、Transitions、服务端组件。

2. How JavaScript's at() method makes array indexing easier ：JavaScript 的 at() 方法如何简化数组索引操作 - 无论是渲染列表、管理状态还是操作 DOM 元素，我们时刻都在与数组打交道。但你知道吗？现在有一种更优雅的方式来访问特定索引（尤其是最后一个）的元素 - 这就是 Array.prototype.at() 方法。

3. 探索 Ant Design Form 的实现原理------从 HOC 到 Hooks：本文深入剖析了 Ant Design Form 从 3.x 到 4.x/5.x 版本的实现原理及演进。

🔧 开发工具

1. Ink 6.0：使用 React 构建命令行应用，6.0 版本支持了 React 19。

2. Svelte Flow 1.0：基于 Svelte 的节点式 UI 与图表工具，由 React Flow 原班团队打造。

3. Defuddle：支持从 HTML 网页代码提取内容，转成文本。

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端