react
✓Vite SPA の React v19 ベスト プラクティス。コンポーネントの設計、再レンダリング、パフォーマンス、メモ化、状態管理、バンドルの最適化をトリガーします。クライアント側の React パターンに使用します。
SKILL.md
Performance optimization guide for React v19 applications, adapted from Vercel's react-best-practices.
Key Principle: These rules are ordered by impact. Fix CRITICAL issues first.
| 1 | Eliminating Waterfalls | CRITICAL | Parallel async operations | | 2 | Bundle Size | CRITICAL | Dynamic imports, barrel files | | 3 | Re-render Optimization | MEDIUM | memo, state, dependencies | | 4 | Rendering Performance | MEDIUM | CSS, DOM, hydration | | 5 | JavaScript Performance | LOW-MEDIUM | Data structures, loops |
Vite SPA の React v19 ベスト プラクティス。コンポーネントの設計、再レンダリング、パフォーマンス、メモ化、状態管理、バンドルの最適化をトリガーします。クライアント側の React パターンに使用します。 ソース: sebastiaanwouters/dotagents。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/sebastiaanwouters/dotagents --skill react- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react とは？
Vite SPA の React v19 ベスト プラクティス。コンポーネントの設計、再レンダリング、パフォーマンス、メモ化、状態管理、バンドルの最適化をトリガーします。クライアント側の React パターンに使用します。 ソース: sebastiaanwouters/dotagents。
react のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/sebastiaanwouters/dotagents --skill react インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sebastiaanwouters/dotagents
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01