#React #文章 Next.js 可以构建单页面应用程序(SPA),提到一个 “strict SPA” :
- 客户端渲染(CSR):应用程序由一个 HTML 文件提供(例如 index.html )。每个路由、页面转换和数据获取都由浏览器中的 JavaScript 处理。
- 无整页重载:客户端 JavaScript 不会为每个路由请求新文档,而是根据需要操作当前页面的 DOM 并获取数据。
还提到了我常推荐的请求上层库 SWR ,react-query 确实很大的知名度,但是开发通常会学习接触到的技术栈,SWR 的 API 和代码更容易学习和简单,主要是:官方中文支持!感谢作者 shuding,他还有两个很nice 的开源:Nextra 和 React Wrap Balancer.
自从 SWR 2.3 开始支持 react19之后,可以配和 Next.js 渐进式采用RSC功能:
- Client-only: useSWR(key, fetcher)
- Server-only: useSWR(key) + RSC-provided data
- Mixed: useSWR(key, fetcher) + RSC-provided data
因为 SPA 应用仍然是大多数,vercel 的这个举动,会推动对 RSC 感兴趣的人们在技术选型的层面开始看向 Next.js。
https://nextjs.org/docs/app/building-your-application/upgrading/single-page-applications
- 客户端渲染(CSR):应用程序由一个 HTML 文件提供(例如 index.html )。每个路由、页面转换和数据获取都由浏览器中的 JavaScript 处理。
- 无整页重载:客户端 JavaScript 不会为每个路由请求新文档,而是根据需要操作当前页面的 DOM 并获取数据。
还提到了我常推荐的请求上层库 SWR ,react-query 确实很大的知名度,但是开发通常会学习接触到的技术栈,SWR 的 API 和代码更容易学习和简单,主要是:官方中文支持!感谢作者 shuding,他还有两个很nice 的开源:Nextra 和 React Wrap Balancer.
自从 SWR 2.3 开始支持 react19之后,可以配和 Next.js 渐进式采用RSC功能:
- Client-only: useSWR(key, fetcher)
- Server-only: useSWR(key) + RSC-provided data
- Mixed: useSWR(key, fetcher) + RSC-provided data
因为 SPA 应用仍然是大多数,vercel 的这个举动,会推动对 RSC 感兴趣的人们在技术选型的层面开始看向 Next.js。
https://nextjs.org/docs/app/building-your-application/upgrading/single-page-applications