前端周刊 #41：AI 编程最佳实践、Cursor 迁移与 Node 发布节奏

本周快讯

Void VoidZero 即尤雨溪公司推出的 Vite 专用部署平台，可视为 Vercel 竞品：一键 void deploy 构建并上线，内置数据库、KV、对象存储、AI 推理、鉴权、队列与定时任务；扫描源码自动按需分配资源（Your code is your infra），基于 Cloudflare 全球网络，支持 React/Vue/Svelte/Solid 及 SSR/SSG/ISR，并带 AI 技能与 MCP，可申请早期体验。
Temporal API TC39 已通过 Stage 4，JavaScript 时间/日期 API 将迎来标准方案，Node 后续版本将默认启用。
Node 发布节奏从 Node 27 起改为每年一个大版本，LTS 用户基本不受影响。
React Activity React 19.2 的 Activity 组件可在隐藏时保持组件挂载与状态，适合播放器、画布、表单等场景。
Matteo Collina AI Skills Fastify 作者整理的 Node/Fastify 与文档风格 AI 编程 skills，可供自家 Agent 或 Cursor 使用。
Vite 8.0 构建工具大版本发布：Rolldown 替代 Rollup/esbuild、Oxc 接管 React 插件、Wasm SSR、终端转发浏览器 console，Remix / TanStack Start / Astro 用户可直接受益。
React 文档「Copy Page」官方文档现支持将页面复制为 Markdown（可喂给 Agent），或在 URL 后加 .md 获取 Markdown 版本。

技术文章

Claude Code 最佳实践：让 AI 编程更可靠

Anthropic 官方的 Claude Code 使用指南，围绕”上下文窗口有限、表现随上下文膨胀而下降”这一约束展开。核心建议：给 Claude 可验证的产出标准（测试、截图、预期输出）；先探索再计划再写代码，用 Plan Mode 分离研究与实现；在提示里提供具体上下文（文件、约束、示例）；用 CLAUDE.md 写清构建/测试/代码风格并定期精简。对用 Cursor、Claude 等 Agent 写代码的团队，可直接对照改进工作流与配置。

OpenAI Codex 最佳实践：从提示到技能与自动化

OpenAI Codex 的官方最佳实践，强调把 Codex 当”可配置、可迭代的队友”而不是一次性助手。建议在提示中写清 Done when、Constraints、Context、Goal；用 AGENTS.md 固化”完成定义、约束、PR 期望、构建/测试命令”；用 MCP 连接外部工具；把重复流程沉淀为 Skill（SKILL.md）；对稳定流程用 Automations 做定时执行。还涵盖 Plan 模式、多 Agent、会话与审查习惯，与 Claude 文档互补，适合同时使用多种 AI 编程环境的团队。

用 Cursor 做框架迁移的实践

Kent C. Dodds 分享如何用 Cursor（含 Composer 与长时间后台 Agent）把 kentcdodds.com 从 Remix v2 迁到 React Router v7。流程是：先让 Cursor 列出过时依赖并按升级难度分组；从简单、中等到困难分批升级（含 Vite 5→7、Vitest 1→4、Zod 3→4、XState 等）；最后用后台 Agent 执行 Remix → React Router v7 的迁移（含 react-router-auto-routes、删除 patch、类型与 Loader/Action 更新）。他强调测试与文档让 AI 能自我纠错，并附上完整 PR 链接，对用 Cursor 做大型框架升级很有参考价值。

用 Activity 组件保持视频播放进度

介绍如何用 React 19.2 的 Activity 组件在流媒体应用中保持视频播放状态。传统条件渲染会在切走时卸载播放器导致进度丢失；用 Activity 的 mode="visible"|"hidden" 可以在隐藏时保持挂载，再配合 useLayoutEffect 在隐藏时暂停播放，既保留进度又避免后台出声。文中给出了从“传统条件渲染”到“Activity + 自动暂停”的三种实现对比，并强调 ref 透传和 useLayoutEffect 的用法，同样适用于音乐播放器、画布或带未保存状态的表单。

两周内将 13 万行 React 重写为 Svelte

团队在约两周内把 13 万行 React 代码迁移到 Svelte 的实践总结。文中引用 Rich Harris 在 Bluesky 上的观点：LLM 未必会把所有人锁在”最流行框架”，反而可能让框架迁移更容易。对评估”大库迁移”可行性与工作量的团队有参考价值。

扔掉 18 个月代码：从 Next.js 与 Server Actions 转向 TanStack Start + Hono

开发团队决定弃用 Next.js 与 Server Actions，改用以 TanStack Start 和 Hono 为核心的新技术栈。文章复盘原因与迁移中的取舍，适合关注全栈框架选型与迁移的读者。

扫描 250 个 Node 仓库：76% 存在阻塞 I/O 及其影响

对 250 个 Node 仓库的扫描显示，76% 存在阻塞 I/O（如 execSync、existsSync、readFileSync）。文章用实测数据说明这类调用在真实项目中的普遍性，并用基准测试量化其对事件循环和延迟的影响。适合用来说服团队在关键路径上改用异步 API，并作为排查“卡顿”问题的参考。

Matteo Collina 的 AI 辅助 Node 开发个人技能集

Fastify 与 Node 核心贡献者 Matteo Collina 把自己在 Node、Fastify 和文档写作上的习惯与最佳实践整理成一套“个人 skills”，供 AI 助手（如 Cursor、Claude）在写 Node 代码时遵循。内容涵盖代码风格、错误处理、文档结构和可维护性，相当于给 AI 一份高质量的项目/团队规范，可直接用作团队 Agent 或 Cursor 的上下文。

多快才算够？以务实视角重新思考 Web 性能

文章跳出单一指标，从“多快才算够”和用户真实体验出发讨论性能。主张在追求 Core Web Vitals 等指标的同时，用更务实、以用户为中心的方式定义“够快”，避免为数字而优化。对定性能目标、做性能预算和与产品/业务沟通都很有帮助。

Cloudflare Vinext：基于 Next.js 的边缘渲染方案

Fireship 约五分钟短视频，调侃 Cloudflare 基于 Next.js 做的 Vinext：在边缘跑 React、与 Next 兼容但针对 Workers 优化。适合快速了解“Vinext 是什么、和 Next 的关系以及社区反应”，对关注边缘渲染与 Next 生态的开发者可作为入门谈资。