react-modernization
Reactアプリケーションをモダンなパターンでアップグレード
レガシーReactコードはアップグレードを遅らせ、破壊的変更を見落としがちです。このスキルはHooksとReact 18機能への移行のための明確な手順を提供します。
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "react-modernization". React 17アプリをReact 18にアップグレードするためのチェックリストを教えてください。
Résultat attendu:
- reactとreact-domを18に更新し、タイプパッケージを整合させる
- createRootに切り替えてStrictModeでテストする
- バッチング動作を検証し、副作用を修正する
Audit de sécurité
SûrThis skill contains only static documentation content with React modernization patterns. No executable scripts, network calls, file system access, or external command execution were detected. All 55 static findings are FALSE POSITIVES - the scanner misclassified documentation text and code examples as security threats.
Facteurs de risque
🌐 Accès réseau (3)
⚡ Contient des scripts (2)
⚙️ Commandes externes (27)
Score de qualité
Ce que vous pouvez construire
React 18アップグレードの計画
破壊的変更とテスト手順を含めた段階的なアップグレード計画を作成する。
クラスコンポーネントの変換
安全なライフサイクルマッピングでレガシークラスをHooksに変換する。
モダン化ガイダンスの作成
codemodとパフォーマンスTipsを含むモダン化チェックリストを提供する。
Essayez ces prompts
React 16からReact 18への安全なアップグレードパス、主要な破壊的変更、テスト手順を概述する。
このクラスコンポーネント（stateとライフサイクルメソッド付き）をHooksに変換し、各変更を説明する。
React 18でのTransitionsと自動バッチングの導入方法を短い例題で説明する。
Reactモダン化のために実行すべきcodemodと、最も安全な実行順序を列出する。
Bonnes pratiques
- 段階的にアップグレードし、各ステップ後にテストする
- 反復的な変更にはcodemodを使用する
- リリース前にStrictModeで動作を検証する
Éviter
- すべての依存関係を一度にアップグレードする
- StrictModeの警告を無視する
- テストせずにコンポーネントを変換する
Foire aux questions
どのReactバージョンをカバーしていますか？
主な制限は何ですか？
私のリポジトリと連携できますか？
私のデータを読み取ったり送信したりしますか？
アップグレードに問題がある場合はどうすればよいですか？
リンター有什么区别？
Détails du développeur
Auteur
wshobsonLicence
MIT
Dépôt
https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/react-modernizationRéf
main
Structure de fichiers
📄 SKILL.md