Next.js
文章平均质量分 94
Jackson Mseven
这个作者很懒,什么都没留下…
展开
-
Next.js 学习笔记(八)——优化
{/* 加载组件将在 加载时渲染 */}原创 2024-01-29 22:01:35 · 1219 阅读 · 0 评论 -
Next.js 学习笔记(七)——样式
如果要配置 Sass 编译器,请在中使用。},原创 2024-01-29 21:54:51 · 1073 阅读 · 0 评论 -
Next.js 学习笔记(六)——缓存
机制是什么在哪里目的持续时间请求记忆化函数返回值服务器在 React 组件树中重用数据每请求生命周期数据缓存数据服务器跨用户请求和部署存储数据持久性(可重新验证)全路由缓存HTML 和 RSC 有效负载服务器降低渲染成本并提高性能持久(可重新验证)路由器缓存RSC 有效负载客户端减少导航时的服务器请求用户会话或基于时间的请求默认情况下,Next.js 会尽可能多地缓存,以提高性能并降低成本。这意味着路由会静态渲染,数据请求也会缓存,除非你选择退出。原创 2024-01-11 21:47:02 · 2005 阅读 · 0 评论 -
Next.js 学习笔记(五)——渲染
RSC Payload 是渲染的 React Server Components 树的紧凑二进制表示。React 在客户端上使用它来更新浏览器的 DOM。原创 2024-01-11 21:39:11 · 1163 阅读 · 0 评论 -
Next.js 学习笔记(四)——数据获取
数据缓存是一个持久的。原创 2023-12-19 17:55:15 · 801 阅读 · 0 评论 -
Next.js 学习笔记(三)——路由
本页将指导你如何在 Next.js 应用程序中定义和组织路由。要了解流式传输是如何在 React 和 Next.js 中工作的,首先理解服务端渲染(SSR)及其局限性是很有帮助的。首先,在服务器上获取给定页面的所有数据然后,服务器为页面渲染 HTML页面的 HTML、CSS 和 JavaScript 被发送到客户端使用生成的 HTML 和 CSS 显示非交互式用户界面最后,React水合(hydrates)用户界面,使其具有交互性。原创 2023-12-19 17:50:02 · 967 阅读 · 0 评论 -
Next.js 学习笔记(二)——项目结构
此页面提供了 Next.js 项目的文件和文件夹结构的概述。它涵盖了app和pages目录中的顶级文件和文件夹、配置文件以及路由约定。原创 2023-12-16 21:59:10 · 159 阅读 · 0 评论 -
Next.js 学习笔记(一)——安装
如果你更喜欢使用 Pages Router 而不是 App Router,你可以在项目的根目录中创建页。启动一个新的 Next.js 应用程序,该应用程序会自动为你设置所有内容。Next.js 使用文件系统路由,这意味着应用程序中的路由由文件的结构决定。该路由器允许你使用 React 的最新功能,是基于社区反馈的。将使用你的项目名称创建一个文件夹,并安装所需的依赖项。需要知道:虽然你可以在同一个项目中使用多个路由器,但。我们建议你在新项目中只使用一个路由器,以避免混淆。文件,以控制来自服务器的初始响应。原创 2023-12-16 15:58:23 · 596 阅读 · 0 评论