🌰栗子前端技术周刊第 133 期 (2026.06.08 - 2026.06.14)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。
📰 技术资讯
-
Angular v22：Angular 22 正式发布，内容包括响应式表单（Signal Forms）、Angular 无障碍组件库（Angular Aria）以及异步响应式机制。除此之外，路由模块还新增了浏览器原生导航 API 的实验性支持。
-
React 编译器 Rust 版：React 编译器的 Rust 移植版本已可供测试（Meta 公司内部已收获 "显著成效"），该版本即将合并入主分支。
-
pnpm 11.5 ：pnpm 11.5 新增
hoistingLimits配置项，用于在nodeLinker: hoisted模式安装场景下控制依赖提升层级；替换了交互式命令行提示库，修复超长选项列表滚动异常问题；在信任评级机制中识别暂存发布行为，同时附带多项安装逻辑与发行标签（dist-tag）相关问题修复。
📒 技术文章
-
Modern Engineering Values：现代工程价值观 ------ "真不敢相信我以前还手写代码！"Jest 和 Fate 的创造者表示，随着 AI 智能体承担越来越多的软件编写工作，真正重要的工程价值观正在发生变化，其中所有权、品味以及严格而快速的反馈循环变得尤为关键。
-
The Field Guide to CSS Grid Lanes：CSS Grid 轨道实战指南 ------ WebKit 团队刚刚推出这份详尽的 Grid 轨道教程。教程搭配结构清晰的交互式实操沙盒与示例演示，讲解这项相对较新的 CSS 特性使用方式，是值得收藏查阅的优质参考资料。
-
富文本编辑器核心原理：从 contentEditable 到 AST ：作者带你先从零理解富文本编辑器的底层原理 ------
contentEditable、Selection/Range API、AST 数据结构和 undo/redo。
🔧 开发工具
- Geometric.js：一款几何运算库，简洁易用，可处理多边形、边界框、反射、插值、旋转等各类几何运算。
- PDFSlick 4.0：一款适配 React、Solid、Svelte 以及原生 JavaScript 的 PDF 查看组件。
- Commander.js 15.0：这款热门命令行框架现已仅支持 ESM 模块规范。考虑到部分项目迁移存在难度，14.x 版本会持续维护至 2027 年 5 月。
🍞 代码人生
- 《置身钉内》之后：普通前端的出路在哪里？：以前我们说前端是"把页面做出来的人"，后来变成"把体验做好的人"，再后来又要懂工程化、懂性能、懂跨端、懂数据、懂增长。到了 AI 时代，前端还要会用工具提效，会搭智能应用，会理解大模型能力边界。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。
💖 欢迎关注微信公众号：栗子前端