React 服务端与客户端组件边界

示例知识笔记。用于演示知识库的分类和排版。

一个实用的判断顺序复制标题链接

1. 组件是否读取服务端数据或本地内容？先使用服务端组件。
2. 组件是否处理事件、使用状态或效果？使用客户端组件。
3. 组件是否访问 window 或浏览器存储？在客户端挂载后访问。

避免在根部扩大边界复制标题链接

根布局通常需要保持服务端渲染。通过一个小的客户端 Provider 包住子内容，就可以提供主题等上下文，无需把所有内容文件都送到浏览器。

注意数据序列化复制标题链接

从服务端传给客户端的属性必须符合框架的序列化要求。不要把数据库连接、秘密配置或文件系统对象作为客户端属性。