brownfield-experiments

A collection of Expo brownfield apps

Android

• AntennaPod: Integrated project using monorepo approach
• BlankAndroid: Integrated project using monorepo approach

iOS

UIKit

• wikipedia-ios: Isolated approach using XCFramework
• simplenote-react-native: Integrated project using monorepo approach
• NetNewsWire: Integrated project using monorepo approach
• BlankIOS: Integrated project using monorepo approach

SwiftUI

• IceCubesApp: Integrated project using monorepo approach

Integration steps

Check commits inside each repo for detailed steps, full instructions can be found in the expo-brownfield documentation.

Integrated

Monorepo

1. Set up a yarn monorepo: Create a package.json file in the root directory, then add the following to it:

   {
     "private": true,
     "workspaces": ["exp"]
   }

2. Create the Expo app: Run npx create-expo-app exp to set up a new Expo app.

3. Install dependencies: Add expo to you Podfile and run pod install

4. Add React Native view: Create a new Swift file in the NetNewsWire-iOS target, for example ReactNativeView.swift, and implement a basic React Native view.

Isolated

1. Create the Expo app: Run npx create-expo-app exp to set up a new Expo app.

2. Install expo-brownfield: Add expo-brownfield to your project npx expo install expo-brownfield and generate a XCFramework.

3. Add React Native view: Integrate the Expo app XCFramework into the existing iOS app.