#CSS CSS 性能榜：只动 transform/opacity+transition/animation 或 WAAPI 最丝滑，别碰会触发 Layout 的几何属性与 setInterval 改样式。

https://motion.dev/blog/web-animation-performance-tier-list

motion.dev

The Web Animation Performance Tier List - Motion Blog

Learn what makes web animations fast, slow, and everything in between with our 2025 web animation performance tier list.

#React React 19 错误边界在捕获首个错误后立即停止渲染同级组件，避免资源浪费。

同时消除重复错误日志，简化开发者对异常的处理逻辑。

https://andrei-calazans.com/posts/react-19-error-boundary-changed/

Andrei Calazans

React 19 Error Boundary Behaves Differently

An exploration of changes in error boundary behavior in React 19.

vscode 内联建议开源（Inline suggestions are open source）：继开源 GitHub Copilot Chat 之后，VS Code 现在也开源了内联建议，将其合并到了 vscode-copilot-chat 仓库中。同时，GitHub Copilot 扩展和 GitHub Copilot Chat 扩展将整合为一个单一的扩展体验，聊天扩展现在提供所有内联建议，同时保留了聊天和代理功能。

#文章 这是一条关于 tanstack start 中间件的文章。

https://frontendmasters.com/blog/introducing-tanstack-start-middleware/

#TS typescript-plugin-directives: 一个 TypeScript 语言服务插件，为诸如 "use server" 、 "use client" 、 "use cache" 等 "use …" 指令提供 IDE 级别的感知功能。

https://github.com/lazarv/typescript-plugin-directives

GitHub

GitHub - lazarv/typescript-plugin-directives: TypeScript LS plugin adding inline hints and hover info for \"use …\" directives

TypeScript LS plugin adding inline hints and hover info for \"use …\" directives - lazarv/typescript-plugin-directives

#文章 利用 ES2022 的 Error.cause 在构造函数中保留原始错误：`new Error(msg, { cause: err })`。
- 错误链非枚举，不污染日志；可逐层访问 `err.cause` 获取完整堆栈与类型。
- 自定义错误类只需 super(message, { cause }) 即可自动继承该能力；TypeScript 需 `target/lib ≥ es2022`。

- 使用场景
- 多层架构（服务→服务、包装函数、微调用）中，顶层抛出的同时需要追踪根因。
- 数据库/网络异常被重新包装为业务错误（如 ConnectionTimeoutError → DatabaseError → `ServiceUnavailableError`）。
- 单元测试断言：`expect(err.cause).toBeInstanceOf(原始错误类)`。

- 最佳实践
- 只在关键上下文加链，避免过度包装导致调试噪音。
- 手动记录：`console.error(err) 后紧跟 `console.error('Caused by:', err.cause)`；使用递归辅助函数 `logErrorChain/logFullErrorChain 打印完整链。
- 保持错误类型清晰，自定义类命名语义化，方便日志与监控筛选。

https://allthingssmitty.com/2025/11/10/error-chaining-in-javascript-cleaner-debugging-with-error-cause/

Allthingssmitty

Error chaining in JavaScript: cleaner debugging with Error.cause - Matt Smith

Use JavaScript's 'cause' property to chain errors, preserve context, and simplify debugging. Cleaner stack traces, better test assertions.

#文章 Navigation API即将全面支持所有浏览器：这项令人振奋的新 Web 平台 API 很快将在所有浏览器中上线，它将重新定义我们构建客户端/单页应用导航的方式。不再需要使用原本并非为单页应用设计的笨拙 History API，也不再需要一个 <Link> 组件来拦截点击事件以调用 event.preventDefault() 和 history.pushState() ，取而代之的是，将有一个统一的中心位置来处理和拦截导航事件。React 团队正在开发一项过渡指示器功能，该功能将利用这一 API 提供原生的加载状态反馈。

#开源 storybook 10 - ESM only, CSF 3

https://storybook.js.org/blog/storybook-10/

Storybook Blog

Storybook 10

ESM-only, 29% lighter, module automocking, and more

#Node 作者受不了 Python 的异步体验，转向了 node 开发后端

https://blog.yakkomajuri.com/blog/python-to-node

Yakkomajuri

Why we migrated from Python to Node.js

#rust #桌面端

首页代码案例用的 ayu ，我就知道作者非常有品位~

https://www.gpui.rs/

#CSS 后兼容时代：2025 年起 Grid3、Subgrid、Container Queries、@layer 已成新 baseline，可直接用。
- 五大布局模型：Flow、Flexbox、Grid、Container Query、Intrinsic，各司其职。
- Subgrid 正式可用：子网格继承父网格轨道，一次性解决卡片对齐地狱。
- Container Queries 全面落地：组件按自身宽度响应，无需再绑死视口。
- @layer 正式版：显式层叠顺序，告别选择器权重内卷。
- Flexbox 默认支持 gap：row-gap / column-gap 无需 display:grid 也能优雅间距。
- 新关键字 safe/unsafe：align/justify-content 增加溢出保护。
- 四套现成无媒体查询模板：Holy Grail、自适应仪表板、多列文章、一行居中。
- DevTools 升级：Chrome 可视化 Subgrid，Firefox 仿真容器查询。
- 2026+ 在途功能：masonry、@when 条件规则、相对颜色语法。

https://2ality.com/2025/10/css-layout.html

2Ality

[Web dev for beginners] CSS layout: flexbox, grid, media queries and container queries

CSS provides a variety of services for web content: In the previous chapter, we used it to format content: to change colors, typefaces, etc. In this chapter, we will use it to lay out content: to place HTML elements on a page.

#文章 #CSS 文章示范了用容器查询、:has()、clamp()等现代 CSS，让“头部+卡片网格”这一简单布局随卡片数量与宽度自动切换形态。

https://ishadeed.com/article/modern-css-section-layout/

Ishadeed

Solved By Modern CSS: Section Layout

Building a typical section design with modern CSS.

#文章 作者在使用 Next.js App Router 和 React Server Components（RSC）一年后的不满和失望，并解释了他们为什么选择迁移到 TanStack Start。作者详细分析了 Next.js App Router 和 RSC 的设计缺陷，包括：乐观更新不可、每次导航都是另一次获取、布局人为受限、内容双重下载、Turbopack 表现不佳。

https://paperclover.net/blog/webdev/one-year-next-app-router

paperclover.net

One Year with Next.js App Router — Why We're Moving On

A critique of React Server Components and Next.js 15.

#CSS CSS 新增 linear() 时间函数，用“连点成线”方式原生实现弹簧、弹跳动画，免 JS，但需工具生成数据且要注意中断与回退。

https://www.joshwcomeau.com/animation/linear-timing-function/

Joshwcomeau

Springs and Bounces in Native CSS • Josh W. Comeau

The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been experimenting with this API for a while now, and in this post, I’ll…

#文章 #JS JavaScript 中的异步循环，作者对比总结了部分实践

https://allthingssmitty.com/2025/10/20/rethinking-async-loops-in-javascript/

Allthingssmitty

Rethinking async loops in JavaScript - Matt Smith

Struggling with 'await' in loops? Explore common mistakes and modern solutions to optimize async code for performance.

#UX #文章 模态框和非模态框，这两者的区别以及如何使用？

https://www.a11y-collective.com/blog/modal-vs-dialog/

The A11Y Collective

When to Use Modal vs Dialog Components

Confused about modal vs dialog components? Discover implementation patterns, accessibility guidelines, and best practices for creating user-friendly interfaces.

#UX #文章 主要介绍了ARIA属性在无障碍网络应用中的关键作用，特别是aria-selected、aria-pressed、aria-current和aria-checked这四个容易混淆的属性。文章详细解释了每个属性的用途、适用场景、常见值以及最佳实践，同时指出了开发者在使用这些属性时常见的错误，并强调了正确使用ARIA属性对于确保辅助技术准确传达界面状态的重要性。

https://www.tpgi.com/what-state-aria-in/

TPGi — a Vispero company

What State ARIA In? - TPGi — a Vispero company

This article explains how to use ARIA to indicate the difference between selected, pressed, current, and checked states of elements.

#文章 Next.js App Router 结合 React Server Components 带来 零 JS 前端渲染、流式 SSR 与自动代码分割 等亮点，却同时陷入 乐观更新缺失、每次导航重复取数、布局受限、双倍内容下载与调试痛苦 的深度缺陷；作者用一年实战证明，这套架构对动态应用既浪费带宽又折磨开发者，最终迁往 TanStack Start 才重获性能与可维护性。

https://paperclover.net/blog/webdev/one-year-next-app-router

paperclover.net

One Year with Next.js App Router — Why We're Moving On

A critique of React Server Components and Next.js 15.

#文章 React Server Components 本身并不“神奇”，真正的性能提升来自“服务器端数据获取 + Streaming + Suspense”的正确组合。 如果只用 RSC 而不重构数据流，性能甚至可能倒退。

https://www.developerway.com/posts/react-server-components-performance

Developerway

React Server Components: Do They Really Improve Performance?

A data-driven comparison of CSR, SSR, and RSC under the same app and test setup, focusing on initial-load performance and the impact of client- vs server-side data fetching (including Streaming + Suspense).

#React React Conf 2025 异步 React 演讲的最终状态。

https://github.com/rickhanlonii/async-react

GitHub

GitHub - rickhanlonii/async-react: The final state of the React Conf 2025 Async React talk.

The final state of the React Conf 2025 Async React talk. - rickhanlonii/async-react