react-component

SKILL.md

| State mutation | state.push(item) | [...state, item] | | Missing key | List renders slow | Use unique key prop | | Object in deps | Infinite loop | useMemo for objects | | Missing cleanup | Memory leak | Return cleanup function | | Stale closure | Wrong values | Add to dependency array | | Over-rendering | Slow UI | React.memo, useMemo |

フック、状態管理、アクセシビリティ、テストのベスト プラクティスに従って、TypeScript を使用して React コンポーネントを作成します。新しい UI コンポーネントを構築する場合、または既存の UI コンポーネントをリファクタリングする場合に使用します。 ソース: vapvarun/claude-backup。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vapvarun/claude-backup --skill react-component インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る