Навыки react-modernization

⚛️

react-modernization

Name: react-modernization
Author: wshobson

Безопасно 🌐 Доступ к сети⚡ Содержит скрипты⚙️ Внешние команды

Обновление приложений React с использованием современных паттернов

Устаревший код React замедляет обновления и скрывает критические изменения. Этот навык предоставляет четкие шаги для перехода на хуки и функции React 18.

Поддерживает: Claude Codex Code(CC)

📊 69 Адекватно

Скачать ZIP навыка

Загрузить в Claude

Перейдите в Settings → Capabilities → Skills → Upload skill

Включите и начните использовать

Протестировать

Использование «react-modernization». Give me a checklist to upgrade a React 17 app to React 18.

Ожидаемый результат:

Update react and react-dom to 18 and align type packages
Switch to createRoot and test in StrictMode
Validate batching behavior and fix side effects

Аудит безопасности

Безопасно

v4 • 1/17/2026

This 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.

Просканировано файлов

689

Проанализировано строк

находки

Всего аудитов

Факторы риска

🌐 Доступ к сети (3)

skill-report.json:6 SKILL.md:106 SKILL.md:130

⚡ Содержит скрипты (2)

SKILL.md:401 SKILL.md:402

⚙️ Внешние команды (27)

Проверено: claude Посмотреть историю аудитов →

Оценка качества

Архитектура

100

Сопровождаемость

Контент

Сообщество

100

Безопасность

Соответствие спецификации

Что вы можете построить

Планирование обновления React 18

Составьте поэтапный план обновления с критическими изменениями и шагами тестирования.

Преобразование классовых компонентов

Преобразуйте устаревшие классы в хуки с безопасным сопоставлением жизненного цикла.

Создание руководства по модернизации

Предоставьте контрольный список модернизации с codemods и советами по производительности.

Попробуйте эти промпты

Путь обновления

Опишите безопасный путь обновления с React 16 до React 18 с ключевыми критическими изменениями и шагами тестирования.

Класс в хуки

Преобразуйте этот классовый компонент с состоянием и методами жизненного цикла в хуки и объясните каждое изменение.

Конкурентные функции

Объясните, как добавить переходы и автоматический батчинг в React 18 с короткими примерами.

План codemod

Перечислите codemods для запуска модернизации React и самый безопасный порядок их запуска.

Лучшие практики

Обновляйтесь поэтапно и тестируйте после каждого шага
Используйте codemods для повторяющихся изменений
Проверяйте поведение в StrictMode перед выпуском

Избегать

Обновление всех зависимостей сразу
Игнорирование предупреждений StrictMode
Преобразование компонентов без тестов

Часто задаваемые вопросы

Какие версии React оно охватывает?

Охватывает руководство по обновлению с React 16 по React 18.

В чём основные ограничения?

Предоставляет только руководство и не запускает codemods, сборки или тесты.

Может ли он интегрироваться с моим репозиторием?

Может ссылаться на ваш контекст, но не может напрямую обращаться к файлам или изменять их.

Читает или отправляет ли он мои данные?

Нет. Это статическое руководство и не обращается к файлам, переменным окружения или сетям.

Что делать, если при обновлении возникли проблемы?

Следуйте контрольному списку, тестируйте в StrictMode и устраняйте предупреждения пошагово.

Чем он отличается от линтера?

Он объясняет стратегию обновления и паттерны, а не применяет правила в коде.

Сведения для разработчиков

Автор

wshobson

Лицензия

MIT

Репозиторий

https://github.com/wshobson/agents/tree/main/plugins/framework-migration/skills/react-modernization

Ссылка

main

Структура файлов

📄 SKILL.md