技能库 / 开发工具 / React 组件组合架构官方指南

React 组件组合架构官方指南

Vercel 官方推荐的 React 组件组合模式,解决 boolean prop 泛滥问题,提供 compound components、state lifting 等可扩展架构方案,含 React 19 新 API 指引。

CLS 安全 S+ 源可信度 T1 热度 4.8万 安装 3 站长推荐
v1.0.0 ktaesthetix
react component-architecture design-patterns vercel frontend typescript composition-patterns state-management

安装方式

CLI 安装(推荐)

claw install cc-12626

需要安装 CLAW CLI

手动下载安装

下载 ZIP 后解压到技能目录即可安装。若在桌面客户端 WebView中直接下载出现异常,本站会改为提示页 + 原始链接,请按页内说明操作。

下载 ZIP (cc-12626-v1.0.0.zip)

跨平台安装指引

该技能声明兼容以下 1 个平台,将 ZIP 解压到对应目录即可被识别。

支持矩阵
macOS / Linux:~/.openclaw/skills/
Windows:%USERPROFILE%\.openclaw\skills\
unzip cc-12626-v1.0.0.zip -d ~/.openclaw/skills/
目录不存在时请先 mkdir -p 创建;启用 Skill 后请重启对应 Agent 让配置生效。

使用指南

React 组件组合架构官方指南

概述

Vercel 官方推荐的 React 组件组合模式,解决 boolean prop 泛滥问题,提供 compound components、state lifting 等可扩展架构方案,含 React 19 新 API 指引。

oss-* 官方示例技能相同:完整命令、参数与进阶说明见本技能 ZIP 包SKILL.md(与上游一致)。若需在本站展示长文中文指南,请新增 resources/skill-docs/zh/cc-12626.md(首行 <!-- zh-only -->)。

技能信息

  • 版本:1.0.0
  • 作者:ktaesthetix
  • 分类:开发工具

触发方式

请下载技能包并查阅包内 SKILL.md 中的触发与用法说明。

相关标签

react、component-architecture、design-patterns、vercel、frontend、typescript、composition-patterns、state-management