React Composition Patterns

作者 tech-leads-club120b67676388MIT7K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes. Do NOT use for React/Next.js performance optimization (use react-best-practices instead).

仅含说明Software Development

仅公开文件列表。将技能安装到工作区后即可查看文件内容。

路径大小类型
AGENTS.md22.1 KBtext/markdown
README.md2.1 KBtext/markdown
rules/architecture-avoid-boolean-props.md2.2 KBtext/markdown
rules/architecture-compound-components.md2.5 KBtext/markdown
rules/patterns-children-over-render-props.md1.8 KBtext/markdown
rules/patterns-explicit-variants.md2.3 KBtext/markdown
rules/react19-no-forwardref.md953 Btext/markdown
rules/_sections.md829 Btext/markdown
rules/state-context-interface.md4.9 KBtext/markdown
rules/state-decouple-implementation.md2.6 KBtext/markdown
rules/state-lift-state.md3.1 KBtext/markdown
rules/_template.md329 Btext/markdown
SKILL.md2.9 KBtext/markdown

来源与署名

来源：tech-leads-club/agent-skills位于packages/skills-catalog/skills/(architecture)/react-composition-patterns提交120b676

许可证： MIT

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 tech-leads-club/agent-skills 的技能

Nx Workspace

tech-leads-club

指导配置、探索与优化 Nx 单体仓库工作区，包括受影响项目分析与 CI/CD 设置。

DevOps & Cloud7K今天更新

Nx Run Tasks

tech-leads-club

在 Nx 工作区中使用 run、run-many 和 affected 命令执行构建、测试、lint、serve 等任务。

Software Development7K今天更新

Nx Generate

tech-leads-club

指导代理发现、校验、运行并验证 Nx 生成器，以便在单体仓库中搭建代码。

Software Development7K今天更新

Nx Ci Monitor

tech-leads-club

监控 Nx Cloud CI 流水线状态，并编排自愈修复，直到 CI 通过或达到限制。

DevOps & Cloud7K今天更新

Excalidraw Studio

tech-leads-club

根据自然语言描述生成 Excalidraw 的 .excalidraw JSON 图表文件。

包含脚本
Design & Creative7K今天更新

Chrome Devtools

tech-leads-club

通过 chrome-devtools MCP 服务器控制实时 Chrome 浏览器，用于调试、检查、自动化和性能分析。

Software Development7K今天更新

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K5周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K5周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K5周前更新