react-server-component

react-server-component

理想产品

• good user experience
• cheap maintenance
• fast performance

data fetch

• water fall
• pure data(relay+graphql)

// 父组件请求 props传递 or 子组件分别请求
<Parent>
    <ChildA />
    <ChildB />
</Parent>

component

• server.js (no state no listerner / serializable / db query)
• client.js
• .js 共享组件 既可以在服务端渲染, 也可以在客户端渲染 shared component
• bundle size // server.js 中引入的第三方包不会打入到source中

only load necessary code

// 类似后台的动态导入
function Comp(isAdmin){
    return isAdmin?<someComps />:<></>
}

server or client

• server: 数据提取/预处理
• client: 用户交互/立即响应

reference

• [1] rfcs
• [2] video
• [3] demo