react-patterns とは？
最小限の状態、適切なメモ化、タイプセーフなパターンを使用して React コンポーネントを作成します。コンポーネントの作成、状態の管理、レンダリングの最適化の際に使用します。 ソース: casper-studios/casper-marketplace。
·react-patterns
</>
react-patterns
✓casper-studios/casper-marketplaceGitHub: casper-studios/casper-marketplaceソース: casper-studios/casper-marketplace
最小限の状態、適切なメモ化、タイプセーフなパターンを使用して React コンポーネントを作成します。コンポーネントの作成、状態の管理、レンダリングの最適化の際に使用します。
react-patterns のインストール方法
コマンドラインで react-patterns AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: casper-studios/casper-marketplace。
SKILL.md
原文を見るCore React patterns for component design, state management, and optimization.
Avoid state variables. Prefer derived values and props. Scope state to the smallest subtree that needs it. Use discriminated unions for complex state.
Required for any O(n) operation. Memoize atomically to minimize dependency arrays. Use Loader/Inner pattern to narrow types before useMemo.
最小限の状態、適切なメモ化、タイプセーフなパターンを使用して React コンポーネントを作成します。コンポーネントの作成、状態の管理、レンダリングの最適化の際に使用します。 ソース: casper-studios/casper-marketplace。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-03-02
- 更新日
- 2026-03-10
クイックアンサー
react-patterns のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/casper-studios/casper-marketplace
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-03-02