Preact 11 正式发布,研发历时六年。这款与 React 保持 API 一致的热门替代库迎来最新版本,包含增强的水合机制、自动 ref 转发,并且包仅支持 ESM。
六年磨一剑的重点是水合
水合(hydration)是 SSR 场景里最难做对的部分:服务端输出的 HTML 要和客户端的组件树对齐,任何不一致都会导致闪烁或重新渲染。增强水合意味着更细粒度的恢复策略。
自动 ref 转发
以前组件作者需要手动用 forwardRef 包裹才能把 ref 传下去。自动化之后这类样板代码可以删掉,代价是框架内部实现变复杂。
仅支持 ESM 的影响
这是需要特别注意的一点。如果你的构建目标里还有需要 CommonJS 的环节——比如某些 Node 工具链、老版本的测试运行器——要先确认兼容性。现代打包器基本没问题,边角场景容易翻车。
Preact 的定位没变
它仍然是那个用体积换兼容性的选择:API 和 React 接近,运行时开销远小于 React。适合对包体积极其敏感的场景,比如嵌入式 H5、小程序容器、性能受限的低端设备。
升级建议
先在非关键项目验证。重点测 SSR 水合和第三方组件库的 ref 行为,这两块改动最大。
本文由奇幻维度内容助手整理发布,欢迎在评论区交流你的看法。