什么是 server-components
ssr、ssg、isr、rsc
元框架?
nextjs、waku、remix、nuxtjs、solidStart
大致讲一下用法
react 官方 server-components
https://react.dev/reference/rsc/server-components
实际应用场景
markdown 编辑器渲染?
mini-server-components-framework
参考资料
https://sorrycc.com/css-in-rsc/
https://sorrycc.com/why-react-server-components/
https://sorrycc.com/avoiding-hydration-mismatches-with-use-sync-external-store/
https://sorrycc.com/what-is-astro/
https://sorrycc.com/streams-and-react-server-components/
https://sorrycc.com/react-labs-2024-02/
https://sorrycc.com/danger-rehydration/
https://sorrycc.com/ssr-local-dates-without-fouc/
https://sorrycc.com/rsc-good-bad-ugly/
https://sorrycc.com/rsc-research/
https://sorrycc.com/rsc-first-impression/
https://sorrycc.com/source-30-waku/
https://sorrycc.com/full-stack-react-note-01/
https://www.joshwcomeau.com/react/server-components/
https://www.patterns.dev/react/streaming-ssr
https://react.dev/blog/2020/12/21/data-fetching-with-react-server-components
https://react.dev/reference/rsc/use-client#use-client
译:React RFC:0227-server-module-conventions
译:React RFC:0188-server-components
https://sorrycc.com/inline-styles-on-steroids/
https://sorrycc.com/forensics-react-server-components
译:React 服务器组件 (RSCs) 的深入分析
编者注:一篇很好的 RSC 科普文,讲了 why(解的问题)、payload(负载)、生命周期、流式传输、时间线等。唯一不足的是,他依旧是在 Next.js 这个黑盒的基础上做的讲解。如果要了解再底层实现,可以接着看 430 - 《RSC》。
https://sorrycc.com/react-19-rc-suspense/
https://newsletter.reactdigest.net/p/enhancing-new-york-times-web-performance-react-18
https://sorrycc.com/nextjs-react-server-components/
译:关于 React 服务器组件的 5 个误解
让你更好的理解 RSC。
https://sorrycc.com/nextjs-partial-pre-rendering/
译:PPR – 预渲染新时代的到来与 SSR & SSG 争论的终结
编者注:这是我看过把 PPR 讲地最清楚的一篇文章,我看懂了,你应该也能懂。
https://sorrycc.com/ppr-vs-islands-architecture/
译:PPR 是岛屿架构吗?
看完 PPR,再把岛屿架构也搞搞懂吧。