Next.js 实现App 13新的实验性特性 动态无限制 (next集团)

Next.js 实现App 13新的实验性特性 动态无限制 (next集团)

Next.js大会介绍了,一个 React App 框架的最新版本。Next.js 13 希望通过提供创新的特性开发出“动态无限制”的 App,其中许多特性仍处于 Alpha 或 Beta 阶段。新特性对编译器、路由和渲染基础设施进行了更新,并改进了组件工具包。

Next.js 团队在最近的主题演讲中解释了 Next.js 最新版本背后的逻辑。

新版本对工具包进行了改进(改进的 Link 组件、新的 Image 组件和新的 @next/font 库)。Alpha/Beta 版特性提供了未来的服务器端渲染预览,正如 Vercel 所设想的那样。

新的 Image 组件旨在改善用户体验,采用本地延迟加载,减少客户端 JavaScript 交付,没有了布局漂移。在开发者体验方面,新组件力求简化设置样式和配置。

改进后的 Link 组件不再需要锚标记(即<a>)作为子元素。现在,下面的锚链接 Next.js 代码是有效的:

// Next.js 13: `<Link>` always renders `<a>`
复制代码

@next/font(在 Beta 版中发布)将自动优化字体(包括自定义字体),并删除外部网络请求,以提高隐私性和性能。文档中提到的细节:

Next.js 13 引入了 Turbopack(在 Alpha 版中发布),作为基于 Rust 的 Webpack 替代方案,为开发人员带来数量级的速度改进。与之前的一样,Turbopack 可以增量构建和捆绑源文件。Next.js 团队宣称:

Vite 的作者尤雨溪最近对 Vite 和 Next/Turbo 进行了基准测试。他发现,当使用类似的配置执行基准测试时,二者的速度是相近的。截至本文发布,Vercel 的基准测试方法和结果也已经发布,纠正了一些错误,但这仍然是一个存在争议的话题。

虽然开发者体验的改善得到了许多积极评价,但一位开发者仍然指出了可能存在的缺点和局限性:

Next.js 13 还对路由和渲染基础设施进行了重大更改,其中一些直接与 React 核心团队合作,以便更好地利用 React 的Server Component、Suspense和流。文档中提到:

要了解更多细节,可以查看发布说明。

虽然有很多开发者对该版本做出了积极的反应,但一位开发者指出:

另一名开发者对一些新特性提出了警告:

Next.js 基于 MIT 开源许可。欢迎开发者为Next.js GitHub代码库做出贡献,并遵循 Next.js贡献指南和行为准则。

原文链接

相关阅读:

前端又开撕了:用 Rust 写的 Turbopack,比 Vite 快 10 倍?

尤雨溪向 React 推荐自己研发的 Vite,网友:用第三方工具没有任何意义

声明:本文来自用户分享和网络收集,仅供学习与参考,测试请备份。