Reactモダン化
PROレガシーReactアプリをモダン化。クラス→Hooks、Redux→Context/Zustand、パフォーマンス改善！
使用例
クラスコンポーネントをHooksに書き換えたい。ステップバイステップで…
スキルプロンプト
このスキルはfindskill.aiからコピーすると最も効果的です — 変数やフォーマットが他の場所では正しく転送されない場合があります。
このスキルの使い方
1
スキルをコピー 上のボタンを使用
2
AIアシスタントに貼り付け (Claude、ChatGPT など)
3
下に情報を入力 (任意) プロンプトに含めるためにコピー
4
送信してチャットを開始 AIと会話
おすすめのカスタマイズ
| 説明 | デフォルト | あなたの値 |
|---|---|---|
| ターゲットReactバージョン | 18 | |
| 使用しているプログラミング言語 | Python | |
| 使用しているフレームワークまたはライブラリ | none |
得られるもの
- Hook-based equivalents
- React 18 feature adoption
- TypeScript integration
- Step-by-step migration
参考文献
このスキルは以下の信頼できる情報源の調査に基づいて作成されました：
- React Official Documentation Official React docs with hooks and modern patterns
- React 18 Upgrade Guide Official React 18 migration documentation
- Kent C. Dodds: React Patterns Modern React patterns and best practices
- Dan Abramov: Overreacted Deep dives into React internals and patterns
- React TypeScript Cheatsheet TypeScript patterns for React applications