Buoy: инструменты для разработки и управления состоянием в React Native

Buoy — это инструмент для разработчиков, который интегрируется в твоё приложение на React Native. Он позволяет открывать плавающее меню для мониторинга сетевых запросов, доступа к хранилищу, кэшам запросов, маршрутизации и производительности во время работы приложения. Также имеется возможность подключаться к Buoy Desktop или использовать Ask Buoy внутри приложения.

Как начать

Самый быстрый способ начать — позволить своему инструменту разработки выполнить установку. Просто вставь следующий текст в Claude Code, Cursor или Codex. Это будет следовать инструкциям по установке и установит основные инструменты, соответствующие твоим зависимостям.

Инструкция для автоматической установки

```text Install Buoy, the in-app devtools for React Native and Expo, in this project. Read the full instructions first: curl -fsSL https://buoy.gg/install.md Read the raw text, not a summary. If curl is unavailable, use any HTTP tool you have. Ask me to paste the document only if nothing can fetch it. Do the install yourself: inspect the repo, run the commands, edit the files. Do not hand me steps you can run. Work out the routine decisions from the repo: package manager, which app to target, where the menu mounts, which Buoy tools match the dependencies already installed. If Buoy is already partly installed, repair and extend it; never add a second mount, provider, or package set. When instructions conflict, follow this order: what I say here, then the document's rules about which packages exist and what needs my permission, then this project's own constraints, then the rest of the document, then your judgment. Ask me before: adding a native dependency, opening a browser or creating an account, changing what a production build does beyond what the document specifies, or anything hard to undo. Do not commit. You are not done when the packages install. Run this project's existing typecheck; add no tooling. Then report what you installed and why, what you skipped and why, every file you changed, what you verified, and the exact steps I take on the device to confirm the menu appears and captures a request. ```

Если хочешь установить вручную, начни с установки ядра и инструмента сети, затем выполни вход:

```bash npm install @buoy-gg/core @buoy-gg/network npx --package=@buoy-gg/core buoy login ```

Подключение меню и загрузка ключа, а также добавление других инструментов описаны в Quick start. Тебе потребуется сборка для разработки и аккаунт Buoy Free или Pro.

Функционал

Каждый инструмент Buoy имеет короткий видеоурок на странице документации, где показаны его возможности на реальном приложении. Вот некоторые из инструментов, которые ты можешь установить:

• Network — мониторинг и переопределение запросов
• React Query — редактирование кэшированных данных и переключение состояний загрузки и ошибок
• Ask Buoy — встроенный помощник для разработки

Подключение к другому оборудованию

Buoy Desktop позволяет отображать подключенные инструменты на панели десктопа и переключаться между устройствами. С помощью сервера MCP можно создать AI-редактор, который будет читать и изменять работающий код приложения. Для этого в приложении нужно установить @buoy-gg/external-sync. Инструкции по подключению описаны в Desktop guide.

Ограничения

Buoy можно использовать только в сборках для разработки. Включение его в окончательную версию приложения потребует типа Pro и твоих собственных проверок доступа. Ознакомься с документацией, прежде чем делать это.

Обратная связь

Если ты обнаружил ошибку или у тебя есть идея для нового инструмента, не стесняйся создать issue. Запросы на новые функции могут повлиять на то, что будет разрабатываться далее.