栗子前端技术周刊第 152 期 - Rspack 2.3、TypeScript 7.1 Beta、Bun 1.4.4...

🌰栗子前端技术周刊第 152 期 (2026.10.26 - 2026.11.01):浏览前端一周最新消息,学习国内外优秀文章,让我们保持对前端的好奇心。

📰 技术资讯

  1. Rspack 2.3 发布:Rspack 2.3 现已发布!本次更新集成了 SWC Next 解析器,提升构建速度,降低内存占用和产物体积。同时推出实验性的新版缓存,支持为 loader 单独缓存转换结果,并带来内置 CSS 改进。

  2. TypeScript 7.1 Beta :TypeScript 7.1 Beta 发布,新增可编程 API,还有内容映射器(content mappers)------ 这是一个插件接入点,用来校验 Vue、Svelte、Astro 等组件文件中内嵌的代码。同时新增了源阶段导入(source phase imports)以及编译选项 --target es2026。

  3. Bun 1.4.4 :新增 bun fmt,这是一个兼容 Prettier 的格式化工具,可直接读取你现有的 Prettier 或 oxfmt 配置,速度极快。

  4. Node.js 26.13.0:Node.js 26.13.0 将 Node.js 26 晋升为长期支持版本,维护更新持续到 2029 年 4 月,是面向生产环境的新版本选择。Node.js 24 已转入维护阶段,Node.js 22 会持续维护至 2027 年 4 月,Node 发布页面上有一张直观的时间线图表。

📒 技术文章

  1. Dead Code Shouldn't Exist: How Sentry Cut 28,000 Lines:死代码本不该存在:Sentry 是如何砍掉 28000 行代码的 - Dominik 今年已经在六场大会上分享过这场演讲,现在做成了可滑动翻阅的幻灯片,并附带完整讲稿。内容讲解了未使用代码带来的开销远超想象,以及 Sentry 如何借助 Knip 清理掉 28000 行代码。

  2. Understanding React internals:读懂 React 内部原理 - Alexandre Trotel 整理了一份深度指南,带你吃透 React 内部原理。

  3. 模型吐出半截JSON,前端如何边收边渲染?:你做的 AI 功能,还在等 JSON 完全吐完才渲染吗?但"边收边渲染"不是加一行 partial-json 就能搞定的。它有三个具体的工程关卡:半截 JSON 怎么补、补出来怎么不闪烁、补出来的数据怎么不被误用。

🔧 开发工具

  1. MicroKit:54 个可直接复制使用的 React 微交互组件,CSS 优先。

  2. TanStack Redact:面向浏览器的精简版 React,可在浏览器里直接替换 React / ReactDOM。只需在构建配置中接入(支持 Start、Vite、Vinext、Next.js),就能减少 JS 打包体积。但它是同步渲染,不支持时间切片,所以最好查阅兼容说明。

  3. react-window 2.5 :这个老牌虚拟滚动库新增了 scrollElement 属性,列表 / 网格现在可以跟随页面或者某个父容器一起滚动;同时还提供了无样式的 useVirtualizer(),方便你自行搭建虚拟布局。

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

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

相关推荐
普通人61 小时前
CSS-box-sizing-使用指南
开发语言·前端·css·1024程序员节
风骏时光牛马1 小时前
AI开源工具一站式尝鲜体验
前端
IT_陈寒1 小时前
Python项目实战经验分享:为什么你的多进程日志会丢失?
前端·人工智能·后端
柳杉2 小时前
让 AI 学会审美、建模和剪片:我收藏夹里的 14 个仓库
前端·ai编程·three.js
前端架构师-老李2 小时前
HTML与CSS基础第七课—HTML 中的a标签(跳转链接)
前端·css·html
陈随易2 小时前
一个网吧网管,做了个网页,卖了 5000 万
前端·后端·程序员
jktantan10 小时前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
总要学点什么11 小时前
第89篇:三维特效-螺旋圆效果——让螺旋臂卷起一圈圈外扩的涟漪
开发语言·javascript·ecmascript·webgl·cesium·空间分析·1024程序员节
2601_9628857211 小时前
quotes 字段全解:涨跌幅、振幅、换手率的口径与单位
java·前端·spring