react-modernization について
Reactアプリケーションを近代化する開発者向けのスキルです。バージョンアップ、フックへの移行、並行機能、Codemod、状態管理、TypeScript、パフォーマンス改善を扱います。
主な機能
- 01Reactのバージョンアップ支援
- 02クラスからフックへの移行
- 03並行機能の導入
- 04Codemodによるリファクタリング
- 05状態管理の近代化
- 06TypeScriptと性能の更新
活用シーン
- 01Reactアプリケーションのアップグレード計画
- 02クラスコンポーネントのフックへの移行
- 03Suspenseやtransitionsの導入
- 04Codemodによる反復的なリファクタリングの自動化
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/react-modernizationを入力して読み込まれたか確認します。
同梱ファイルresources/implementation-playbook.md
詳細
React モダナイゼーション
React のバージョンアップグレード、クラスからフックへの移行、並行機能の採用、自動変換のための codemod をマスターしましょう。
このスキルを使用する場合
- React アプリケーションを最新バージョンにアップグレードする場合
- クラスコンポーネントをフックを使用した関数コンポーネントに移行する場合
- 並行 React 機能 (Suspense、トランジション) を採用する場合
- 自動リファクタリングのために codemod を適用する場合
- 状態管理パターンをモダナイズする場合
- TypeScript に更新する場合
- React 18+ の機能でパフォーマンスを改善する場合
このスキルを使用しない場合
- タスクが React モダナイゼーションと無関係である場合
- この範囲外の別のドメインやツールが必要な場合
手順
- 目標、制約、必要な入力を明確にします。
- 関連するベストプラクティスを適用し、結果を検証します。
- 実行可能な手順と検証方法を提供します。
- 詳細な例が必要な場合は、
resources/implementation-playbook.mdを開いてください。
リソース
- 詳細なパターンと例については、
resources/implementation-playbook.mdを参照してください。
制限事項
- タスクが上記の範囲に明確に一致する場合にのみ、このスキルを使用してください。
- 出力を、環境固有の検証、テスト、または専門家によるレビューの代替として扱わないでください。
- 必要な入力、権限、安全境界、または成功基準が欠けている場合は、停止して明確化を求めてください。
コメント
Markdown 対応