Preact 11 Beta 引入水合 2.0、默认 ref 转发和现代化打包

Preact 11 Beta 引入水合 2.0、默认 ref 转发和现代化打包

💡 原文英文,约500词,阅读约需2分钟。
📝

内容提要

Preact发布了11版Beta,改进了水合、性能和生态对齐,支持多个DOM节点,简化ref处理,移除旧特性,提升兼容性。更新要求TypeScript 5.1及以上,取消对IE11的支持。维护者提供了迁移指南,确保用户顺利过渡。

🎯

关键要点

  • Preact发布了11版Beta,改进了水合、性能和生态对齐。

  • 新版本支持多个DOM节点,简化ref处理,移除旧特性。

  • 更新要求TypeScript 5.1及以上,取消对IE11的支持。

  • 维护者提供了迁移指南,确保用户顺利过渡。

  • 新水合模型允许组件在水合期间返回零个或多个DOM节点。

  • 功能组件现在可以接收ref属性,无需使用forwardRef。

  • 所有ESM包现在以.mjs文件格式发布,替代旧的.module.js格式。

  • 移除了自动CSS px后缀、defaultProps移入preact/compat等旧特性。

  • 更新后,用户注意到包大小减少了4 Kb。

  • Preact是一个开源库,旨在成为React的快速、轻量级替代品。

🔎

延伸解读

水合模型的改进

Preact 11引入的新水合模型允许组件在水合期间返回多个DOM节点,这一变化使得开发者可以实现更复杂的水合场景。这种灵活性不仅提升了性能,还更好地与现代渲染模式对接,适合需要动态内容的应用场景。

对TypeScript的要求提升

新版本要求使用TypeScript 5.1及以上,这意味着开发者需要更新其开发环境以利用最新的类型检查和功能。这一变化虽然提升了代码质量,但也可能对使用旧版本TypeScript的项目造成一定的迁移成本。

移除旧特性带来的影响

Preact 11移除了多个旧特性,如自动CSS px后缀和defaultProps的处理。这一决策虽然简化了库的维护,但可能会影响依赖这些特性的现有项目,开发者需仔细阅读迁移指南以避免潜在问题。

包大小的优化

用户反馈显示,更新到Preact 11后,包大小减少了4 Kb。这一优化对于性能敏感的应用尤为重要,开发者在选择库时应关注包大小对加载速度和用户体验的影响。

延伸问答

Preact 11 Beta 版本有哪些主要改进?

Preact 11 Beta 版本在水合、性能和生态对齐方面进行了改进,支持多个DOM节点,简化了ref处理,并移除了旧特性。

Preact 11 Beta 版本对TypeScript的要求是什么?

Preact 11 Beta 版本要求使用TypeScript 5.1及以上版本。

Preact 11 Beta 版本移除了哪些旧特性?

移除了自动CSS px后缀、defaultProps移入preact/compat、component.base、SuspenseList和replaceNode等旧特性。

如何迁移到Preact 11 Beta版本?

维护者提供了迁移指南,详细说明了破坏性更改和建议的解决方法,以帮助用户顺利过渡。

Preact 11 Beta版本的水合模型有什么新特性?

新的水合模型允许组件在水合期间返回零个或多个DOM节点,打破了之前每个异步边界只能返回一个节点的限制。

Preact 11 Beta版本对包大小有什么影响?

更新后,用户注意到包大小减少了4 Kb。

🏷️

标签

➡️

继续阅读