SkillRouter

该 Skill 是一套针对 React 组件架构的纯文档型最佳实践指南，旨在解决复杂组件开发中的可维护性挑战。其核心用法围绕"组合优于配置"的理念展开，提供从架构设计到具体实现的完整规则体系，涵盖组件架构、状态管理、实现模式及 React 19 新 API 四大类别。 具体而言，Skill 通过八大规则指导开发者重构代码：在架构层面，倡导使用复合组件（Compound Components）替代泛滥的布尔属性，通过共享上下文实现灵活的行为定制；在状态管理方面，强调将状态提升至 Provider 组件以实现兄弟组件通信，并建立通用的上下文接口支持依赖注入；在实现模式上，推荐使用显式变体组件（Explicit Variants）和 Children 组合替代 Render Props；针对 React 19，则指导使用新的 use() API 替代 forwardRef 和 useContext()。 显著优点在于其内容质量与安全性。作为纯文档型 Skill，它不存在任何代码执行、网络请求或文件系统操作风险，权限需求极低。内容由声称源自 Vercel 的技术团队编写，代码示例清晰，对比明确，覆盖从 React 18 到 19 的演进，对重构遗留代码和设计新组件库均有指导价值。特别是针对"布尔属性泛滥"这一常见反模式，提供了可落地的解决方案。 潜在局限性包括来源可信度问题：虽然声称作者为 Vercel，但实际通过第三方仓库发布，建议用户与 Vercel 官方文档交叉验证。此外，部分 React 19 特性仅适用于最新版本，对维护旧版代码库的团队可能不完全适用。Skill 侧重于架构模式而非具体实现细节，需要使用者具备一定的 React 基础。 该 Skill 特别适合前端架构师、组件库维护者以及正在重构复杂组件的 React 开发者。对于面临"props 地狱"或需要设计灵活 API 的团队，它能提供系统性的架构指导。同时，AI 辅助编程场景下，这些规则有助于生成更符合人类维护习惯的代码结构。 使用风险极低，主要为技术采纳风险而非安全风险。开发者需确保团队 React 版本与建议兼容，特别是采用 React 19 新 API 时。建议结合项目实际权衡引入复合组件模式的复杂度，避免过度工程化。