React 19 以上のパターン、パフォーマンスの最適化、コンポーネント アーキテクチャ。フック、状態管理デシジョン ツリー、use() API によるデータの取得、サーバー コンポーネント、React コンパイラー、バンドルの最適化、再レンダリングの排除について説明します。 コンポーネントの構築、再レンダリングの最適化、データの取得、状態の管理、フォームの処理、フロントエンドの構造化、または React コードのレビューを行うときに使用します。
コマンドラインで react-patterns AI スキルを開発環境にすばやくインストール
ソース: oakoss/agent-skills。
Comprehensive React skill covering component architecture, performance optimization, state management, data fetching, and modern React 19+ APIs. Prioritizes React Compiler compatibility, Server Components, and elimination of data fetching waterfalls.
When to use: Building React applications, optimizing performance, choosing state management, implementing data fetching, reviewing component architecture.
When NOT to use: Non-React frameworks, purely server-side rendering without React, static sites without interactivity.
React 19 以上のパターン、パフォーマンスの最適化、コンポーネント アーキテクチャ。フック、状態管理デシジョン ツリー、use() API によるデータの取得、サーバー コンポーネント、React コンパイラー、バンドルの最適化、再レンダリングの排除について説明します。 コンポーネントの構築、再レンダリングの最適化、データの取得、状態の管理、フォームの処理、フロントエンドの構造化、または React コードのレビューを行うときに使用します。 ソース: oakoss/agent-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/oakoss/agent-skills --skill react-patternsReact 19 以上のパターン、パフォーマンスの最適化、コンポーネント アーキテクチャ。フック、状態管理デシジョン ツリー、use() API によるデータの取得、サーバー コンポーネント、React コンパイラー、バンドルの最適化、再レンダリングの排除について説明します。 コンポーネントの構築、再レンダリングの最適化、データの取得、状態の管理、フォームの処理、フロントエンドの構造化、または React コードのレビューを行うときに使用します。 ソース: oakoss/agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/oakoss/agent-skills --skill react-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/oakoss/agent-skills