Calendly是否为每个用户日历单独创建React页面？技术实现疑问

Calendly根本没给每个用户单独生成独立的日历页面，你在网络请求里找不到左侧内容的返回数据，是因为这部分内容压根不走异步接口加载。
具体的渲染逻辑拆成两部分：

• 页面用的是SSR+CSR混合渲染方案，左右两块内容走完全不同的加载路径。左侧的活动名、预约时长、主办方信息、预约须知这类很少变动的基础内容，是你第一次打开页面请求HTML文档的时候，服务端直接根据URL里带的用户标识、活动ID参数，查库拿到对应数据之后直接拼到返回的HTML源码里的，属于首屏直出内容。你在开发者工具里只筛XHR、fetch这类异步接口的话当然找不到，直接看最开始那个document类型的响应内容，搜对应文案就能找到。这么做主要是为了首屏加载快，也方便搜索引擎抓取。
• 右侧的日历格子、可预约时间段、已被占用的标记这类实时性要求高的内容，才是前端JS加载完成之后，通过异步接口拉取的动态数据。用户切换月份、切换时区的时候，前端也只会发请求拉取对应时间范围的忙闲数据，局部刷新右侧区域，不会重新加载整个页面。
• 所有用户的公开预约页用的都是同一套路由规则、同一套前端模板，根本不存在给每个用户单独生成静态页面文件的操作，只是请求到达服务端的时候，根据URL里的参数把对应的数据填到通用模板里返回而已，维护成本非常低。

你写克隆项目的时候直接照搬这套逻辑就行：

1. 首屏请求进来，服务端先解析URL拿到用户名、活动类型参数，查库拿到对应的基础配置，直接把左侧固定内容渲染到HTML里返回
2. 前端JS加载完成后完成组件激活，初始化时拉取当前月份的可预约时段数据，渲染右侧日历
3. 后续用户切换月份、调整时区时，单独请求对应维度的时段数据，局部刷新右侧日历区域就可以

内容的提问来源于stack exchange，提问作者Mehul Singh Rathore