whale2002 / react-ssr

react-ssr 简易版 demo 实现

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

这是一个 React 版本的 SSR 基本实现,通过它,你讲了解 SSR 的基本工作原理,理解同构等核心概念。

实现了:

  • 模板页面渲染
  • 路由匹配
  • 数据的请求和注入

结构如下:

{
  "client": {
    "index.tsx": "客户端JS部分打包入口,负责交互等逻辑"
  },
  "pages": "页面组件(FC)",
  "server": {
    "index.tsx": "开启http服务器,将模板拼接成HTML字符串,并将逻辑、数据等混入后返回给客户端"
  },
  "store": "全局状态管理",
  "router.tsx": "路由"
}

About

react-ssr 简易版 demo 实现


Languages

Language:TypeScript 79.6%Language:JavaScript 20.4%