Навыки react-modernization

📦

react-modernization

Name: react-modernization
Author: sickn33

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

Модернизируйте приложения React с помощью хуков и React 18

Устаревший код React может замедлять обновления, тестирование и работу над производительностью. Этот навык помогает с миграцией с классов на хуки, внедрением React 18, переходом на TypeScript и планированием codemod.

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

🥉 79 Бронза

Maintain this Skill? Claim it 🥉 79 Бронза

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "react-modernization" from https://skillstore.io/skills/sickn33-react-modernization.md and its manifest at https://skillstore.io/api/skills/sickn33-react-modernization/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/sickn33-react-modernization.md Подписанный manifest GET /api/skills/sickn33-react-modernization/manifest Подписанный lockfile GET /api/skills/sickn33-react-modernization/lockfile

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

Использование «react-modernization». Команде нужно перевести приложение React 16 в сторону React 18 без полного переписывания.

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

Поэтапный план обновления, который начинается с анализа зависимостей, затем включает совместимость с React 17, изменения root для React 18, исправления StrictMode и целевые регрессионные тесты.

Использование «react-modernization». Классовый компонент использует состояние, логику mount, логику update и cleanup.

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

Объяснение миграции, которое сопоставляет состояние с хуками, переносит поведение жизненного цикла в эффекты, сохраняет cleanup и перечисляет поведение для тестирования.

Использование «react-modernization». После этапа модернизации в dashboard медленно рендерится список.

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

Анализ производительности, который проверяет причины рендеринга, ценность мемоизации, стабильность callback, code splitting и измеримую валидацию до и после.

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

Безопасно

v5 • 07.07.2026 Открыть версионный отчет

The static findings are false positives in React tutorial examples and Markdown references. Dynamic imports and fetch calls are illustrative application code, not skill execution, and no prompt injection or data exfiltration intent was found.

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

548

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

Пункты проверки

Ложные срабатывания проигнорированы

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

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

resources/implementation-playbook.md:400 resources/implementation-playbook.md:401

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

resources/implementation-playbook.md:105-129 resources/implementation-playbook.md:129-154 SKILL.md:30 SKILL.md:34

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

resources/implementation-playbook.md:105 resources/implementation-playbook.md:129

Последний завершенный статический и семантический аудит не обнаружил подтвержденных проблем безопасности. Это не доказывает отсутствие побочных эффектов у навыка.

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

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/sickn33-react-modernization/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-react-modernization/security.svg)](https://skillstore.io/skills/sickn33-react-modernization?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/sickn33-react-modernization?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-react-modernization/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/sickn33-react-modernization.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Академические ссылки (APA · BibTeX · CFF)

Цитата APA

sickn33. (2026). react-modernization security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-react-modernization/audits/5

Цитата BibTeX

@techreport{sickn33-sickn33-react-modernization-2026,
  author = {sickn33},
  title = {react-modernization security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/sickn33-react-modernization/audits/5},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-modernization security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
  - name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-react-modernization/audits/5"
identifiers:
  - type: other
    value: "skillstore:sickn33-react-modernization:audit:5"
    description: "Skillstore immutable audit report identifier"

Сравнить варианты

2 устанавливаемых вариантов

Навык каждого автора остаётся отдельным устанавливаемым вариантом. Рекомендуемый вариант ранжируется по данным Skillstore.

Почему этот вариант первый

Самая высокая оценка Skillstore

Автор / источник Оценка Skillstore Достоверность доказательств Использование в Skillstore Обновлено

sickn33 Рекомендуется Текущий

sickn33-react-modernization

Оценка Skillstore 79

Достоверность доказательств Высокий

Использование в Skillstore 20

Обновлено

2026-09-09

wshobson

wshobson-react-modernization

Оценка Skillstore 77

Достоверность доказательств Высокий

Использование в Skillstore 17

Обновлено

2026-09-09

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

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

Контент

Сообщество

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

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

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

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

Миграция на хуки

Преобразовать классовые компоненты в функциональные компоненты, сохранив поведение жизненного цикла и cleanup.

Анализ производительности

Определить полезные улучшения React 18, мемоизации и code-splitting для production-интерфейса.

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

Оценить обновление

Изучи контекст этого React-проекта и предложи поэтапный план модернизации. Включи шаги по версиям, вероятные риски и контрольные точки валидации.

Преобразовать компонент

Преобразуй этот классовый компонент в функциональный компонент с хуками. Сохрани поведение состояния, тайминг жизненного цикла, cleanup и public props.

Внедрить возможности React 18

Изучи этот код React 17 и порекомендуй изменения для React 18. Покрой настройку root, эффекты StrictMode, batching, transitions, Suspense и обновления тестов.

Спланировать работу с codemod

Спроектируй план миграции этой кодовой базы React с помощью codemod. Включи возможные преобразования, шаги ручной проверки, точки rollback и задачи верификации.

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

Обновляйтесь поэтапно и привязывайте каждое изменение к проверяемой контрольной точке.
Начинайте миграцию на хуки с простых leaf-компонентов перед общими контейнерами.
Измеряйте производительность перед добавлением мемоизации или разделения кода.

Избегать

Миграция всех компонентов сразу без поэтапной валидации.
Механическое добавление хуков без проверки поведения жизненного цикла и cleanup.
Запуск codemods без проверки, тестов и планирования rollback.

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

Может ли этот навык автоматически обновить полноценное приложение React?

Нет. Он предоставляет планы, паттерны и рекомендации по проверке. Разработчик все равно применяет изменения и валидирует поведение.

Поддерживает ли он миграции на React 18?

Да. Он охватывает createRoot, batching, эффекты StrictMode, transitions, Suspense и связанные вопросы тестирования.

Может ли он помочь преобразовать классовые компоненты в хуки?

Да. Он сопоставляет состояние, методы жизненного цикла, контекст, cleanup и переиспользуемую логику с хуками.

Включает ли он рекомендации по codemod?

Да. Он предлагает рабочие процессы codemod для повторяющихся изменений и подчеркивает необходимость проверки перед merging сгенерированных правок.

Полезен ли он для миграций на TypeScript?

Да. Он включает типизацию props компонентов и паттерны обобщенных компонентов для кода React.

Какие входные данные улучшают результаты?

Укажите текущую версию React, фреймворк, ограничения пакетов, репрезентативные компоненты, покрытие тестами и цели обновления.

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

Автор

sickn33

Лицензия

MIT

Ревизия Skillstore

Примечание о версии

Автор не указал версию.

Репозиторий

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/react-modernization

Ссылка

9f814fc6a43fd99946f2da5e0df231c65a38bc76

Актуальность поддержки

24.07.2026

Использование

10 загрузок · 107 просмотров

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

📁 resources/

📄 implementation-playbook.md

📄 SKILL.md