react-best-practices
✓フック、エフェクト、参照、コンポーネント設計のための React パターンを提供します。脱出ハッチ、アンチパターン、正しいエフェクトの使用法について説明します。 React コンポーネント (React インポートを含む .tsx、.jsx ファイル) の読み取りまたは書き込み時に使用する必要があります。
SKILL.md
When working with React, always load both this skill and typescript-best-practices together. TypeScript patterns (type-first development, discriminated unions, Zod validation) apply to React code.
Effects let you "step outside" React to synchronize with external systems. Most component logic should NOT use Effects. Before writing an Effect, ask: "Is there a way to do this without an Effect?"
React remounts components in development to verify cleanup works. If you see effects firing twice, don't try to prevent it with refs:
フック、エフェクト、参照、コンポーネント設計のための React パターンを提供します。脱出ハッチ、アンチパターン、正しいエフェクトの使用法について説明します。 React コンポーネント (React インポートを含む .tsx、.jsx ファイル) の読み取りまたは書き込み時に使用する必要があります。 ソース: 0xbigboss/claude-code。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practices- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react-best-practices とは？
フック、エフェクト、参照、コンポーネント設計のための React パターンを提供します。脱出ハッチ、アンチパターン、正しいエフェクトの使用法について説明します。 React コンポーネント (React インポートを含む .tsx、.jsx ファイル) の読み取りまたは書き込み時に使用する必要があります。 ソース: 0xbigboss/claude-code。
react-best-practices のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practices インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/0xbigboss/claude-code
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01