用途:该技能提供在组件化 UI 开发中选择状态归属与逻辑归属的模式,适用于任何由独立 UI 单元(组件、widget、view、composable 等)组合而成的开发方式。
主要能力:围绕两个决策方向组织内容。一是识别 UI 单元,选择状态、依赖状态的逻辑与协调流程的归属,并支持状态上提;二是决定内容由谁拥有或构造,设计布局或包装组件如何通过 children、slots 或等价 API 接收并放置调用方拥有的内容,以及从通用 UI 原语构建专用组件,在 Containment 与 Specialization 之间选择。
使用方式:按所需设计决策路由,而非按用户请求中的术语。需要状态归属时读 state-ownership.md;需要内容构造与放置时读 component-composition.md;两类决策重叠时先读 state-ownership.md,再读 component-composition.md。
适用场景:首次实现时,不要先把状态就近放在最近的消费者中,而应先从需求与 UI 设计识别 UI 单元及其组件集;重构时,不要把当前 prop 流向或组件边界当作预期设计的证据。UI 设计不要求单独线框图,可从需求以及代码中的命名、渲染结构和用户交互推断,命名与当前组件或文件边界只作为意图线索。
限制:资料未提供安装命令、平台支持范围、收费方式或效果数据。