skills.rest
ravnhq
ravnhqOFFICIAL
Explore all skills by this author →
WebsiteGitHub

react-native-brownfield-migration

Plan and execute incremental React Native or Expo migration for native iOS/Android apps.

3|Updated Apr 3, 2026
Search Tags:#migration#packaging#ios#android#react-native#brownfield#expo
One-click install
npx skills add https://github.com/ravnhq/typescript-blueprint --skill react-native-brownfield-migration-ravnhq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-native-brownfield-migration
Source: https://github.com/ravnhq/typescript-blueprint/tree/main/.agents/skills/react-native-brownfield-migration
Command: npx skills add https://github.com/ravnhq/typescript-blueprint --skill react-native-brownfield-migration-ravnhq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This workflow solves the challenge of bringing native iOS/Android apps into React Native or Expo in a controlled, incremental manner.

Core Features & Use Cases

  • Prescriptive migration strategy across Expo and bare tracks.
  • Clear gatekeeping and canonical docs to guide planning, packaging, and host integration.
  • Use Case: migrate a native app step by step, packaging XCFrameworks or AAR and integrating into hosts.

Quick Start

Install Brownfield and route to the Expo or bare packaging guide via the Quick Start.

Frequently Asked Questions about react-native-brownfield-migration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I incrementally migrate a native iOS or Android app to React Native?▼

Incremental migration of native iOS or Android apps to React Native involves using a Brownfield approach to integrate React Native surfaces step by step, packaging native artifacts like XCFrameworks or AARs for the host app.

What is a brownfield migration strategy for React Native?▼

A brownfield migration strategy enables staged integration of React Native into existing native apps, allowing you to migrate individual surfaces step by step rather than rewriting the entire application at once.

Can I use Expo to add React Native to an existing native app?▼

Yes, you can use Expo to add React Native to an existing native app through a brownfield integration, with specific packaging and host integration guides supporting both Expo and bare React Native workflows.

How do I package a React Native module as an XCFramework or AAR for a host app?▼

Packaging React Native modules as an XCFramework for iOS or an AAR for Android creates distributable native artifacts that the host app can import, enabling staged surface integration during a brownfield migration.

What is the best way to plan a step-by-step migration from a native app to React Native?▼

The best way to plan a step-by-step migration is to follow a prescriptive brownfield migration strategy with clear gatekeeping, documenting each stage from initial planning through packaging and host app integration.

Does brownfield React Native integration work with both bare and Expo workflows?▼

Yes, brownfield React Native integration works with both bare and Expo workflows, providing canonical documentation and repeatable host-integration guides that support both iOS and Android targets.

Related Skills

Explore More Software Engineering Skills→
Arupbiswas09Arupbiswas09

react-native-brownfield-migration

Migrate native iOS or Android apps to React Native using @callstack/react-native-brownfield.

Community
Advanced
bidahbidah
28

react-native-brownfield-migration

Plan incremental React Native or Expo migration from native iOS or Android apps.

Community
Advanced
callstackincubatorcallstackincubator
1.6k

react-native-brownfield-migration

Guide incremental migration from native iOS/Android apps to React Native or Expo.

Official
Advanced
Yemomo511Yemomo511
2

expo-brownfield

Integrate Expo and React Native modules into existing native iOS and Android apps.

Community
Intermediate