react-patterns

SKILL.md

| Simple component state | useState | | Complex state with many actions | useReducer | | State shared across components | Context + useReducer | | Server data (fetch, cache, sync) | React Query / SWR | | Global app state (auth, theme) | Context or Zustand |

フック、状態管理、コンポーネント構成を含む、TypeScript アプリケーション用の最新の React パターン。 React コンポーネントを構築するとき、状態を管理するとき、または React のベスト プラクティスを実装するときに使用します。 ソース: benshapyro/cadre-devkit-claude。

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

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

原文を見る