Upgrading and Migrating

{
  "dependencies": {
    "react-native": "0.73.0"
  }
}

# Install the upgrade helper
npm install -g react-native-upgrade-helper

# Run the upgrade helper for a specific version
react-native-upgrade-helper --from 0.66.0 --to 0.67.0

# Generate a diff for manual review
react-native-upgrade-helper --from 0.66.0 --to 0.67.0 --diff

npm install react-native@0.73.0

// Before (v4)
import { StackNavigator } from 'react-navigation';

const AppNavigator = StackNavigator({
  Home: { screen: HomeScreen },
});

// After (v5)
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

npm install react-native@latest
npm install @react-native-community/cli@latest
npm install @react-native-community/cli-platform-android@latest
npm install @react-native-community/cli-platform-ios@latest

public class MainApplication extends Application implements ReactApplication {
  private final ReactNativeHost mReactNativeHost =
      new ReactNativeHost(this) {
        @Override
        public boolean getUseDeveloperSupport() {
          return BuildConfig.DEBUG;
        }

        @Override
        protected List<ReactPackage> getPackages() {
          return new PackageList(this).getPackages();
        }

        @Override
        protected String getJSMainModuleName() {
          return "index";
        }

        // Enable New Architecture
        @Override
        protected boolean isNewArchEnabled() {
          return true;
        }
      };
}

# Podfile
platform :ios, '12.0'

target 'YourApp' do
  use_frameworks!
  use_modular_headers!

  # Enable New Architecture
  $ReactNativePath = '../node_modules/react-native'
  $ReactNativePath += '/packages/react-native/React'

  pod 'React', :path => $ReactNativePath
  pod 'React-Core', :path => $ReactNativePath
  pod 'React-bridging', :path => $ReactNativePath

  # Other pods...
end

npm test

# Before
platform :ios, '10.0'

# After
platform :ios, '12.0'

# Before
pod 'React', :path => '../node_modules/react-native'

# After
pod 'React', :path => '../node_modules/react-native', :subspecs => ['Core']

buildscript {
    ext {
        buildToolsVersion = "33.0.0"
        minSdkVersion = 21
        compileSdkVersion = 33
        targetSdkVersion = 33
        ndkVersion = "25.1.8937393"
        kotlinVersion = "1.8.0"
    }
    repositories {
        google()
        mavenCentral()
    }
    dependencies {
        classpath("com.android.tools.build:gradle:8.0.2")
        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlinVersion")
    }
}

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-8.0-bin.zip