这是一个 React 版本的 SSR 基本实现,通过它,你讲了解 SSR 的基本工作原理,理解同构等核心概念。
实现了:
- 模板页面渲染
- 路由匹配
- 数据的请求和注入
结构如下:
{
"client": {
"index.tsx": "客户端JS部分打包入口,负责交互等逻辑"
},
"pages": "页面组件(FC)",
"server": {
"index.tsx": "开启http服务器,将模板拼接成HTML字符串,并将逻辑、数据等混入后返回给客户端"
},
"store": "全局状态管理",
"router.tsx": "路由"
}