Next.js 公布 Layouts RFC:包含嵌套路由和布局、专为服务器设计的组件

Next.js 公布了关于「Layouts」的 RFC,并表示这将是自 2016 年推出以来的最大更新,主要是讨论 Next.js 中布局、路由和获取数据相关的未来技术方向。

Layouts RFC 主要概述了以下内容:

  • 嵌套布局 (Nested Layouts):使用嵌套路由构建复杂应用程序
  • 专为服务器组件设计:针对子树导航进行了优化
  • 优化数据抓取:在避免数据瀑布流的同时在 layout 进行抓取
  • 使用 React 18 特性:Streaming, Transitions 和 Suspense
  • 提供客户端和服务端路由:具有类似 SPA行为的以服务器为中心的路由
  • 完全支持渐进式采用:不会出现破坏性变更,开发者可以渐进式采用
  • 高级路由约定:支持即时转换、Offscreen stashing 等

嵌套布局

使用 React 服务器组件获取和渲染数据

并行获取和渲染

部分获取和渲染

定义路由

点此查看详细技术细节

猜你喜欢

转载自www.oschina.net/news/197369/nextjs-layouts-rfc