阅读,与值得关注的内容Readance

React 中文周刊 #293 - AI 时代下,前端框架还有意义吗?

本期看点:Remix 团队成员撰文反思"AI时代下的前端框架应该具备什么";Lovable 开源 OJ,一个 Rust 写的、与 Vite 兼容的开发服务器;React Router 8.4 大幅减少重渲染,Motion 13.4 接入 View Transition API;shadcn 推出面向 AI Agent 的 @shadcn/lint;React Activity 的副作用陷阱。

编辑:TimLi

🔥 本周热点

框架还有意义吗? —— 一位 Remix 团队成员对"Just let AI use React"这种说法提出了质疑。如果框架无关紧要,为什么还要用 React?不使用框架的话,AI agent 反而会自行拼凑出各种"土法炮制"的框架,因此 Brooks 主张需要的是新一代框架 —— 它们具备更优秀的抽象与约束。Brooks Lybrand

长按识别二维码查看原文   

https://brookslybrand.com/posts/do-frameworks-matter-anymore/

💡 如果 AI agent 真的会"读"你的代码,那结构似乎就格外重要了。一位开发者的实验发现,过度抽象的 React 应用会让 agent 的处理成本增加多达 5 倍。

长按识别二维码查看原文   

https://ondrejvelisek.github.io/the-cost-of-abstraction-for-humans-and-ai-agents/


OJ:一个 Rust 原生、兼容 Vite 的开发服务器 —— Lovable 每天要拉起一百万个 Vite dev server,所以它的一位工程师动手写了 OJ:一个 Rust 编写的开发服务器,能读取你现有的 vite.config.ts 并运行 Vite 插件,但把焦点放在更低的内存占用与冷启动时间上。目前 开源,但仍处于实验阶段。Raphael Amorim(Lovable)

长按识别二维码查看原文   

https://lovable.dev/blog/faster-previews-oj

快讯:

  • React Router v8.4 显著减少重渲染:只调用 useLocation 这类钩子的组件,在导航开始时不再重渲染。同时还提供了一个可选择的不稳定路由匹配器,可在大规模应用中将导航时间最多缩短 88%。

    长按识别二维码查看原文   

    https://reactrouter.com/changelog#v840

  • Motion v13.4 已发布,新增 AnimateView,借助浏览器原生的 View Transition API 以及 React 19.3 的 <ViewTransition> 组件实现跨视图的动画。

    长按识别二维码查看原文   

    https://motion.dev/

  • 📱 Expo SDK 58 进入 Beta,基于 React Native 0.88 RC 构建,适配 iOS 27,并支持 App Intents,还提供了一个面向 coding agent 的全新 CLI 工具。

    长按识别二维码查看原文   

    https://expo.dev/changelog/sdk-58-beta

📖 文章与视频

📄 React Activity:当渲染不再保证副作用会执行 —— React 19.2 的 <Activity> 可以在不挂载其副作用的情况下渲染一棵隐藏的子树,这在某些在渲染期间订阅的老旧钩子里引发了内存泄漏。文章给出了实用清单,帮你提前排查。Sergey Levkovich

长按识别二维码查看原文   

https://hackernoon.com/react-activity-when-a-render-no-longer-guarantees-an-effect

📄 实时与离线,本质上是同一个问题 —— 把 TanStack DB 接入 React Admin 的经验总结。Matthieu Hochlander(Marmelab)

长按识别二维码查看原文   

https://marmelab.com/blog/2026/09/09/real-time-and-offline-are-the-same-problem.html

📄 从 1256ms 到 96ms:在超大型 React 下拉菜单中修复 INPGiovanni Tramutola(Subito)

长按识别二维码查看原文   

https://dev.to/subito/from-1256ms-to-96ms-fixing-inp-in-a-massive-react-dropdown-16l7

📄 不停机迁移:把 1100 个文件升级到 Redux Toolkit v2Walter Rafelsberger(Elastic)

长按识别二维码查看原文   

https://www.elastic.co/search-labs/blog/redux-toolkit-v2-migration-kibana-monorepo

📄 深入剖析 StyleXFlavio Copes

长按识别二维码查看原文   

https://flaviocopes.com/stylex/

🛠 代码与工具

@shadcn/lint:面向 AI Agent 的 Tailwind 设计系统 Linter —— 一款全新的 ESLint/Oxlint 插件,让你可以声明每个组件允许使用的 Tailwind 类,并通过错误信息告诉 agent 应该改用哪些 token 或变体。shadcn Team

长按识别二维码查看原文   

https://github.com/shadcn-ui/lint

React Konva:用于复杂 2D 图形的 Canvas 组件 —— 基于 Konva 2D 画布场景图库的组件,适合用来构建白板、图表/设计编辑器等场景。现已要求 React 19.3。仓库。Konva

长按识别二维码查看原文   

https://konvajs.org/docs/react/index.html

React Simple Maps v5.0:可组合的 React SVG 地图组件 —— 基于 d3-geo 与 topojson,提供声明式 API 来定义要渲染的地图。文档 质量相当不错。Z Creative Labs

长按识别二维码查看原文   

https://www.react-simple-maps.io/

Astryx v0.6:Meta 的 React 设计系统支持响应式主题 —— Meta 的 React 设计系统现在让主题可以基于视口、指针类型与对比度偏好进行 CSS 自适应。如果你错过了 Astryx 在 6 月发布时的盛况,可以在这里了解更多。Meta

长按识别二维码查看原文   

https://astryx.atmeta.com/blog/astryx-v0-6-0

📢 其他生态

  • ⚠️ 攻击者正在大规模扫描暴露的 Vite dev server,利用 Vite 7.3.2 与 8.0.5 已修补的漏洞读取 .env 文件。如果你有一阵子没升级,记得检查一下自己的环境。

    长按识别二维码查看原文   

    https://www.f5.com/labs/articles/cloud-takeover-mass-scanning-for-exposed-vite-endpoints-cve-2026-39364

  • TC39 的 Hemanth HM 此前维护了一份广受欢迎的函数式编程"黑话"速查,现在又推出了一张函数式编程概念的可视化关系图,并配上了 JavaScript 示例。

    长按识别二维码查看原文   

    https://github.com/hemanth/functional-programming-jargon

  • Philip Walton 展示了 TypeScript 如何在使用较新的 Web API 时报错:原因是其 DOM 类型只覆盖了多个引擎都已实现的 API。他新发布的 modern-web-typeslib.dom 替代品正好补齐了这些缺口。

    长按识别二维码查看原文   

    https://philipwalton.com/articles/modern-web-types/

  • GitHub Actions 现已提供 cache-mode 配置项,可按 workflow/job 限制缓存访问权限,作为对数月前 TanStack npm 包遭缓存投毒那类攻击的防御手段。

    长按识别二维码查看原文   

    https://socket.dev/blog/github-actions-cache-mode

  • Vercel 推出了 "平价" CDN 计费方案(面向 Pro 团队),或许能让你每月账单好看一点……

    长按识别二维码查看原文   

    https://vercel.com/blog/introducing-flat-rate-cdn


版本发布:

  • ilamy Calendar v3.0 —— 「Full calendar」组件。v3.0 把事件的结束时间对齐到 RFC 5545 与 Google Calendar API。(Demo)

  • billboard.js v4.1 —— 热门图表库将其 React 组件合并进主包。

  • React Native Skia v2.12 —— 基于 Skia 的高性能 2D 图形库。

  • SSGOI v7.1 —— 基于 Web Animations API 的、类原生 App 的页面过渡效果。

  • react-native-nitro-sqlite v9.8 —— 基于 JSI 的 React Native SQLite 库。

🙋‍♀️ 关注我们



前往微信阅读全文

内容来自公众号,可前往微信查看原文。

查看作者的更多文章 →