SuperAPI AI 工具集

component-managing-state

编程与开发

查看项目

更新于 10-15 17:33

技能介绍

用途:该技能提供在组件化 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 设计不要求单独线框图,可从需求以及代码中的命名、渲染结构和用户交互推断,命名与当前组件或文件边界只作为意图线索。

限制:资料未提供安装命令、平台支持范围、收费方式或效果数据。