react-component-dev

SKILL.md

Patterns for building composable, accessible, well-structured React components.

| className | string | Style composition | | children | ReactNode | Content (when applicable) | | ...rest | native props | Forward all valid HTML attributes |

| forwardRef | Wrapping DOM elements | | ComponentPropsWithoutRef | Inheriting native props | | cn() | Merging classNames | | as const | Literal type inference | | useImperativeHandle | Custom ref APIs (rare) | | React.Children | Manipulating children (avoid if possible) |

適切なパターン、アクセシビリティ、および構成を使用して React コンポーネントを構築します。新しいコンポーネントを作成する場合、既存のコンポーネントをリファクタリングする場合、またはコンポーネント アーキテクチャをレビューする場合に使用します。 forwardRef、プロップ設計、アクセシビリティ、ファイル構成、およびテスト手法について説明します。 ソース: petekp/claude-code-setup。

原文を見る