Play Store submission in React Native - Build, Publish & Deploy

Build & Publish - Play Store submission

Performance Impact

Submitting your React Native app to the Play Store does not directly affect runtime performance like frame rate or memory. However, the build configuration you choose (debug vs release) impacts app speed and battery use. Release builds are optimized for smooth 60fps UI and lower battery drain. Debug builds are slower and use more memory.

Optimization Tips

Before submission, create a release build with optimizations enabled. Use ProGuard to shrink and obfuscate code, reducing app size and improving load times. Remove unused assets and debug logs. Test your app on real devices to ensure smooth animations and fast startup. Enable Hermes engine in React Native for faster JavaScript execution on Android.

App Size and Startup Time

React Native apps can be medium to large in size due to the JavaScript bundle and native libraries. Use code splitting and lazy loading to reduce initial bundle size. Compress images and use vector icons. Smaller apps install faster and start quicker, improving user experience and store ratings.

iOS vs Android Differences

For Play Store submission, Android requires an APK or AAB signed with your private key. You must create a release keystore and configure signing in your React Native build. Android apps support multiple device configurations and screen sizes, so test thoroughly. iOS uses Xcode and requires code signing with certificates and provisioning profiles. Play Store review is usually faster than Apple App Store.

Play Store Submission Checklist

• Generate a signed release APK or AAB with optimized code.
• Ensure your app targets the latest Android SDK version.
• Include a privacy policy if your app collects user data.
• Follow Google Play content policies (no restricted content).
• Provide high-quality screenshots and a clear app description.
• Test app on multiple Android versions and devices.
• Use Google Play Console to upload and manage releases.
• Set appropriate app permissions and justify them.

Self-Check Question

Your React Native app takes 5 seconds to load on Android. What might be wrong?

• You may be using a debug build instead of a release build.
• The JavaScript bundle might be too large or unoptimized.
• Heavy initialization code or large images delaying startup.
• Hermes engine might not be enabled for faster JS execution.

Key Result

For Play Store submission, always build a signed, optimized release APK or AAB with Hermes enabled and ProGuard configured to ensure smooth performance, smaller app size, and faster startup. Follow Google Play policies and test on real devices before publishing.

Practice

1. What is the first step to submit a React Native app to the Google Play Store?

easy

A. Test the app only on iOS devices

B. Upload the debug APK to Google Play Console

C. Build a signed release version of your app

D. Publish the app without signing

Solution

1. Step 1: Understand Play Store submission requirements

   The Play Store requires a signed release version for app submission, not a debug build.

2. Step 2: Identify the correct first step

   Building a signed release APK or AAB is the first essential step before uploading.

3. Final Answer:

   Build a signed release version of your app -> Option C

4. Quick Check:

   Signed release build = first step [OK]

Hint: Always create a signed release build before upload [OK]

Common Mistakes:

• Uploading debug APK instead of release
• Skipping app signing
• Trying to publish without building

2. Which command correctly generates a signed Android app bundle for Play Store in React Native?

easy

A. npx react-native run-android --variant=release

B. cd android && ./gradlew bundleRelease

C. npm start --release

D. react-native build --signed

Solution

1. Step 1: Recall React Native Android build commands

   The correct command to build a signed app bundle is running Gradle wrapper with bundleRelease task inside android folder.

2. Step 2: Match commands to their purpose

   cd android && ./gradlew bundleRelease runs the Gradle task to create the release bundle; others are incorrect or incomplete.

3. Final Answer:

   cd android && ./gradlew bundleRelease -> Option B

4. Quick Check:

   Gradle bundleRelease builds signed app bundle [OK]

Hint: Use Gradle commands inside android folder for release builds [OK]

Common Mistakes:

• Using run-android which builds debug by default
• Trying npm start for release builds
• Using non-existent react-native build command

3. Given this snippet in android/app/build.gradle:

signingConfigs {
    release {
        storeFile file("my-release-key.keystore")
        storePassword "password"
        keyAlias "my-key-alias"
        keyPassword "password"
    }
}

buildTypes {
    release {
        signingConfig signingConfigs.release
        minifyEnabled false
        proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
    }
}

What will happen if you run ./gradlew assembleRelease?

medium

A. A signed release APK will be generated using the specified keystore

B. The build will fail due to missing signingConfig

C. A debug APK will be generated instead

D. The app bundle will be generated, not APK

Solution

1. Step 1: Analyze signingConfigs and buildTypes

   The release build type uses the signingConfig named release, which is properly defined with keystore info.

2. Step 2: Understand assembleRelease behavior

   Running assembleRelease builds a signed APK using the release signingConfig, so a signed APK is generated.

3. Final Answer:

   A signed release APK will be generated using the specified keystore -> Option A

4. Quick Check:

   assembleRelease + signingConfig = signed APK [OK]

Hint: assembleRelease uses signingConfig to create signed APK [OK]

Common Mistakes:

• Confusing assembleRelease with debug build
• Assuming app bundle is generated by assembleRelease
• Missing signingConfig causes build failure

4. You tried uploading your React Native app bundle to Google Play Console but got an error: "App signing key not found." What is the most likely cause?

medium

A. You forgot to generate and configure the signing key before building

B. You uploaded a debug build instead of release

C. You used the wrong package name in AndroidManifest.xml

D. You did not enable internet permission in the app

Solution

1. Step 1: Understand the error message

   "App signing key not found" means the Play Console expects a signing key but it was missing or not configured.

2. Step 2: Identify common causes

   Most often, this happens if you did not generate or configure the signing key before building the release bundle.

3. Final Answer:

   You forgot to generate and configure the signing key before building -> Option A

4. Quick Check:

   Missing signing key causes upload error [OK]

Hint: Always generate and configure signing key before building release [OK]

Common Mistakes:

• Uploading debug build instead of release
• Ignoring package name mismatches
• Confusing permissions with signing errors

5. You want to submit your React Native app to the Play Store with these conditions: - Use Android App Bundle (.aab) - Enable ProGuard for code shrinking - Use a custom signing key Which steps must you perform in correct order?

hard

A. Enable ProGuard, upload unsigned bundle, then configure signingConfigs

B. Run ./gradlew assembleDebug, upload debug APK, then enable ProGuard

C. Upload unsigned APK, then configure signingConfigs and ProGuard later

D. Configure signingConfigs with your key, enable ProGuard in buildTypes, run ./gradlew bundleRelease, then upload the .aab

Solution

1. Step 1: Configure signingConfigs and ProGuard

   You must first set your custom signing key in signingConfigs and enable ProGuard in the release buildType.

2. Step 2: Build the Android App Bundle

   Run ./gradlew bundleRelease to create the signed, optimized .aab file.

3. Step 3: Upload the .aab to Google Play Console

   Finally, upload the generated .aab file to submit your app.

4. Final Answer:

   Configure signingConfigs with your key, enable ProGuard in buildTypes, run ./gradlew bundleRelease, then upload the .aab -> Option D

5. Quick Check:

   Sign key + ProGuard + bundleRelease + upload = correct flow [OK]

Hint: Set signing and ProGuard before building bundle for Play Store [OK]

Common Mistakes:

• Uploading debug or unsigned builds
• Building APK instead of app bundle
• Configuring signing after upload