什么是 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/mdh-126/

https://sorrycc.com/css-in-rsc/

https://sorrycc.com/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-note/

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,再把岛屿架构也搞搞懂吧。

https://waku.gg/blog/server-actions-are-here

https://exa.ai/search?q=什么是+React+Server+Components&filters={“numResults”%3A30%2C”domainFilterType”%3A”include”%2C”phraseFilterType”%3A”include”%2C”type”%3A”auto”}&autopromptString=Here+is+an+explanation+of+what+React+Server+Components+are%3A