expo-brownfield — Skills — getagentictools

What it does

Choose isolated if RN code and native code live in separate repositories or release on independent cadences.

Choose integrated if you want hot reload and JS source maps to work seamlessly inside the existing native build process.

./references/brownfield-integrated.md -- Add RN and Expo directly to existing Gradle and CocoaPods builds (ReactActivity, RCTRootView, Podfile)

./references/comparison.md -- Decision criteria, trade-offs, and scenario mapping for choosing an approach

./references/troubleshooting.md -- Metro connection, build, signing, and module-resolution issues common to both approaches

Node.js (LTS) — runs the Expo CLI and JavaScript code.

Yarn — manages JavaScript dependencies.

Requirements & configuration

| Isolated | Prebuilt AAR / XCFramework | Native team doesn't need Node or RN tooling; RN code can live in a separate repo |

Both approaches require, in the environment that builds the React Native side:

The integrated approach additionally requires CocoaPods on iOS (sudo gem install cocoapods). The isolated approach does not require CocoaPods or any RN tooling in the consuming native app.

expo brownfield

Source

Repository: https://github.com/expo/skills

expo-brownfield FAQ

What does the expo-brownfield skill do?

Framework (OSS). Integrate Expo and React Native into an existing native iOS or Android app. Use when the user mentions brownfield, embedding React Native in a native app, AAR/XCFramework, or adding Expo to an existing Kotlin/Swift project. Covers both the isolated approach and the integrated approach. Choose isolated if RN code and native code live in separate repositories or release on independent cadences. Choose integrated if you want hot reload and JS source maps to work seamlessly inside the existing native build process.

What does expo-brownfield require?

| Isolated | Prebuilt AAR / XCFramework | Native team doesn't need Node or RN tooling; RN code can live in a separate repo | Both approaches require, in the environment that builds the React Native side: The integrated approach additionally requires CocoaPods on iOS (sudo gem install cocoapods). The isolated approach does not require CocoaPods or any RN tooling in the consuming native app.

How do I install expo-brownfield?

Run: npx -y skills add https://github.com/expo/skills --skill expo-brownfield --agent claude-code — the source lives at github.com/expo/skills.

Maintain expo-brownfield?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![expo-brownfield on getagentictools](https://getagentictools.com/badge/skills/expo-skills-expo-brownfield.svg)](https://getagentictools.com/skills/expo-skills-expo-brownfield?ref=badge)

npx agentictools info skills/expo-skills-expo-brownfield

The second line is the CLI lookup for this page — handy in READMEs and docs.