# dt-setup-react-native

Пошагово настраивает плагин Dynatrace в проектах на React Native или Expo: правит конфиги Babel, подключает зависимости и проверяет параметры приватности.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 860 установок · ★ 167
- Автор: Dynatrace
- Лицензия: Apache-2.0 · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/Dynatrace/dynatrace-for-ai/tree/HEAD/skills/dt-setup-react-native/SKILL.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/skills/dt-setup-react-native

## Что делает

Скилл проверяет наличие `dynatrace.config.js`, находит `applicationId` и `beaconUrl`, а также сверяет флаги приватности `userOptIn` для Android и iOS. Затем он устанавливает пакет `@dynatrace/react-native-plugin`. Инструмент строго следит, чтобы плагин попал в `dependencies`, а не в `devDependencies`, иначе в релизной сборке мониторинг не запустится.

Далее агент настраивает `babel.config.js`. В проектах на чистом React Native он прописывает `BabelPluginDynatrace` строго перед `react-native-reanimated/plugin`, если тот используется в коде. Для Expo с пресетом `babel-preset-expo` скилл выставляет параметр `jsxImportSource` внутри самого пресета и убирает лишний `@babel/plugin-transform-react-jsx`, защищая проект от конфликтов компиляции.

Сборка под iOS потребует macOS и CocoaPods, а в проектах Expo с managed-воркфлоу обязательно выполнить `npx expo prebuild` заранее. Без готовых каталогов `android/` и `ios/` процесс завершится ошибкой. Этот инструмент только внедряет мониторинг в приложение, поэтому для чтения RUM-метрик Dynatrace он не подойдёт.

## Требования
- Работает с: Dynatrace

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Dynatrace/dynatrace-for-ai --skill dt-setup-react-native -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/dt-setup-react-native/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/dt-setup-react-native/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Dynatrace/dynatrace-for-ai --skill dt-setup-react-native -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/dt-setup-react-native/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Dynatrace/dynatrace-for-ai --skill dt-setup-react-native -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/dt-setup-react-native/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install Dynatrace/dynatrace-for-ai dt-setup-react-native
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/dt-setup-react-native/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add Dynatrace/dynatrace-for-ai --skill dt-setup-react-native -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/Dynatrace/dynatrace-for-ai --path skills/dt-setup-react-native
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/dt-setup-react-native/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add Dynatrace/dynatrace-for-ai --skill dt-setup-react-native -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/Dynatrace/dynatrace-for-ai/tree/HEAD/skills/dt-setup-react-native/SKILL.md

## Когда брать
- внедрить плагин Dynatrace в приложение на React Native или Expo
- зарегистрировать плагины Dynatrace в babel.config.js без конфликта с Reanimated
- настроить dynatrace.config.js и режим userOptIn для Android и iOS
- выполнить установку нативных зависимостей через CocoaPods для iOS

## Примеры запросов агенту
- Добавь Dynatrace в проект на React Native
- Интегрируй плагин Dynatrace в наше приложение на Expo
- Настрой dynatrace.config.js и плагин Babel для мобильного мониторинга

## Похожие
- [react-native-brownfield-migration](https://affpapa.org/nevibecode/skills/react-native-brownfield-migration.md) — скилл · 5200 установок
- [react-native-patterns](https://affpapa.org/nevibecode/skills/react-native-patterns.md) — скилл · 399 установок
- [setup-react-native-storybook](https://affpapa.org/nevibecode/skills/setup-react-native-storybook.md) — скилл · 526 установок
- [expo-native-ui](https://affpapa.org/nevibecode/skills/expo-native-ui.md) — скилл · 31700 установок
- [upgrade-react-native](https://affpapa.org/nevibecode/skills/upgrade-react-native.md) — скилл · 1300 установок

Из того же набора: [dynatrace/dynatrace-for-ai](https://affpapa.org/nevibecode/by/dynatrace/dynatrace-for-ai.md) — 29 карточек

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

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