用途:该技能面向需要构建生产级 ReactFlow 应用的场景,帮助实现层级导航、性能优化和高级状态管理。
主要能力:资料提到可处理节点与边的状态、选中节点、展开节点集合、历史记录与历史索引等状态结构;示例中展示了使用 useMemo 记忆化样式边、使用 lodash 的 debounce 做防抖布局计算、使用 dagre 做布局、通过 useReactFlow 的 fitView 适配视图,以及布局缓存(layoutCacheRef)等性能优化手段。
使用方式:执行前需先阅读详细指南,指南保留完整流程与参考资料,其安全、前置条件和验证要求视为强制。聚焦任务可加载相关章节,端到端任务需完整阅读。示例代码展示了组件结构、状态初始化、节点点击与展开切换的回调等,但资料未提供完整可运行代码与安装命令。
适用场景:适合需要交互式图编辑、层级展开、历史回退、布局缓存与防抖优化的 ReactFlow 项目。
限制:仅当任务明确匹配上述范围时使用;输出不能替代针对具体环境的验证、测试或专家审查;若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。资料未提供收费、价格、平台支持或具体效果数据。