# react18-commander

Субагент ведёт переход React 16/17 на React 18.3.1: проверяет код, обновляет зависимости, правит классовые компоненты и запускает проверки.

- субагент · `type=agent` · GitHub Copilot · ★ 40451
- Автор: github · официальный репозиторий GitHub
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/github/awesome-copilot/tree/HEAD/agents/react18-commander.agent.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/agents/react18-commander

## Что делает

react18-commander управляет миграцией приложения с React 16/17 на React 18.3.1. Он передаёт работу специализированным субагентам: аудитору, специалисту по зависимостям, модулю для классовых компонентов, исправлению автоматической группировки обновлений и проверке тестов. В цепочке используются поиск, редактирование файлов, терминал, диагностика проблем и память VS Code.

Работа идёт по фазам с контрольными точками. Сначала создаётся отчёт в `.github/react18-audit.md`, затем проверяются версии `react` и `react-dom`, peer-зависимости и устаревшие API. Субагент также обрабатывает переход с `ReactDOM.render` на `createRoot`, legacy context, строковые refs, `findDOMNode`, асинхронные `setState` и тесты React Testing Library. Состояние сохраняется в памяти под ключом `react18-migration-state`, чтобы продолжить прерванную сессию.

Целевой результат включает успешную сборку, отсутствие предупреждений о deprecated API и нулевое число падений тестов. Если проект уже работает на React 18.3.x, этап обновления зависимостей пропускается; для классового кода это означает старт сразу с хирургии компонентов.

## Установка

### GitHub Copilot (родная платформа)

**Вручную: положить файлы**
- Файл: `.github/agents/react18-commander.agent.md`

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/agents/react18-commander.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию. Поле tools у Copilot перечисляет инструменты по-своему — уберите его или перепишите под Claude Code

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/react18-commander.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/react18-commander.md` — Cursor понимает и .claude/agents/

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/github/awesome-copilot/tree/HEAD/agents/react18-commander.agent.md

## Когда брать
- провести аудит устаревших React API
- обновить React и связанные зависимости до 18.3.1
- переписать классовые компоненты и legacy context
- исправить ошибки автоматической группировки обновлений
- проверить сборку и тесты после миграции

## Примеры запросов агенту
- Активируй субагент и начни миграцию проекта с React 16 на React 18.3.1.
- Продолжи прерванную миграцию React 17, прочитай сохранённое состояние и выполни следующую фазу.
- Проверь оставшиеся предупреждения React и исправь тесты после перехода на `createRoot`.

## Похожие
- [frontend-developer](https://affpapa.org/nevibecode/agents/voltagent-community-frontend-developer.md) — субагент · 40905 установок
- [dx-optimizer](https://affpapa.org/nevibecode/agents/dx-optimizer.md) — субагент · 1198 установок
- [mlops-engineer](https://affpapa.org/nevibecode/agents/voltagent-community-mlops-engineer.md) — субагент · 1009 установок
- [postgres-pro](https://affpapa.org/nevibecode/agents/postgres-pro.md) — субагент · 897 установок
- [agent-installer](https://affpapa.org/nevibecode/agents/agent-installer.md) — субагент · 363 установки
- [embedded-systems](https://affpapa.org/nevibecode/agents/embedded-systems.md) — субагент · 279 установок

Из того же набора: [github/awesome-copilot](https://affpapa.org/nevibecode/by/github/awesome-copilot.md) — 949 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md