平台集成
本页对应英文版 Platform Integration，概括 relation-graph 如何在多前端框架环境中保持同一核心能力，同时提供符合各平台习惯的封装方式。
多平台设计
- 核心逻辑尽量与框架无关。
- Vue、React、Svelte 与 Web Components 通过适配层接入。
- 这样可以在平台差异最小化的前提下复用数据系统、布局系统和事件系统。
数据提供者体系
- 不同平台都有自己的响应式接入方式。
- 但底层仍围绕统一的
RGDataProvider组织运行时数据。
平台差异
Vue
- 更强调组件树注入、模板插槽和响应式对象。
React
- 更强调组件状态、Context 与
forwardRef。
Svelte
- 更强调 store 与 context。
Web Components
- 更强调 DOM 自定义元素与原生事件。
共享组件结构
- 平台包通常都会导出顶层图组件、连接目标组件、插槽相关组件和若干工具方法。
构建与分发
- 每个平台都是独立 npm 包。
- 但包的组织方式和分发策略尽量保持一致。
与性能模式的关系
- 多平台集成并不影响性能模式的核心语义。
- 只是具体渲染包装方式不同。