AIKraft/AI/Войти
AIKraft/Skills/Миграция плагинов React 19

Миграция плагинов React 19

Migrate a Grafana plugin to React 19 compatibility. Use when the user asks to update a plugin for React 19, prepare for React 19, fix React 19 compatibility, upgrade to React 19, migrate to React 19, bump grafanaDependency to 12.3.0, externalize jsx-runtime, or run react-detect. Triggers on phrases like

GLGrafana Labs official Разработка

Что делает навык

Набор инструкций для подготовки Grafana-плагинов к совместимости с React 19 (Grafana 13) путем обновления инструментов сборки, зависимостей и исправления устаревшего кода. Выполняет автоматизированную миграцию через @grafana/create-plugin, обновление конфигураций и ручные правки исходного кода.

Когда применять

  • Обновление существующего плагина Grafana для работы с React 19
  • Исправление ошибок совместимости, выявленных сканером react-detect
  • Подготовка плагина к будущему релизу Grafana 13
  • Обновление grafanaDependency до версии 12.3.0 и выше
  • Вынос jsx-runtime во внешние зависимости через create-plugin

Как работает

  1. Определить контекст плагина (путь к plugin.json, package.json, менеджер пакетов) и создать ветку
  2. Запустить сборку и сканер @grafana/react-detect для выявления проблем совместимости
  3. Обновить @grafana/create-plugin и завершить миграцию ESLint 9 на flat config
  4. Вынести jsx-runtime во внешние зависимости с помощью create-plugin add externalize-jsx-runtime
  5. Обновить grafanaDependency в plugin.json до >=12.3.0 и обновить зависимости (@grafana/*, react, react-dom)
  6. Исправить устаревший код в src/ (ReactDOM.render, defaultProps, propTypes, findDOMNode и др.)

Примеры запросов агенту

Обнови мой плагин Grafana для совместимости с React 19
Исправь ошибки совместимости с React 19, найденные react-detect
Подготовь плагин к переходу на React 19 и обнови grafanaDependency

Что понадобится

  • Git-репозиторий с плагином Grafana
  • Node.js и менеджер пакетов (yarn, pnpm или npm)
  • Доступ к npm для установки @grafana/create-plugin и других пакетов

Описание составлено по SKILL.md навыка, сверено 05.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «react-19-plugin-migration» из репозитория: # https://github.com/grafana/skills
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r react-19-plugin-migration/ ~/.claude/skills/react-19-plugin-migration/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.