Render Patterns 渲染模式

渲染模式介绍
如何以及在何处获取和呈现内容的决定是应用程序性能的关键
React.js 概述
用于构建可重用用户界面组件的 UI 库
Next.js 概述
Vercel 的混合 React 应用程序框架
客户端渲染
在客户端呈现应用程序的 UI
服务端渲染
生成 HTML 以响应用户请求在服务器上呈现
静态生成
交付在构建站点时生成的预渲染 HTML 内容
增量静态生成 ✔
建立网站后更新静态内容
渐进补水 ✔
延迟加载页面不太重要的部分的 JavaScript
流(媒体)式服务器端渲染 ✔
生成 HTML 以响应用户请求在服务器上呈现
React 服务器组件 ✔
服务器组件补充 SSR,无需添加到 JavaScript 包即可呈现为中间抽象
选择性水合作用 ✔
如何将流服务器端渲染与新的水化方法结合使用,选择性水化
岛屿架构 ✔
岛屿架构鼓励在服务器渲染的网页中进行小的、集中的交互块