App Store submission in React Native - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define the app name in app.json for App Store submission.

React Native

{
  "expo": {
    "name": "[1]",
    "slug": "my-app"
  }
}

Drag options to blanks, or click blank then click option'

AMyCoolApp

BMy App!

Capp_name

D123App

Attempts:

3 left

💡 Hint

Common Mistakes

Using special characters like exclamation marks.

Starting the name with numbers.

Using underscores instead of spaces.

The name field in app.json should be a readable app name without special characters like exclamation marks.

2fill in blank

medium

Complete the code to set the iOS bundle identifier in app.json for App Store submission.

React Native

{
  "expo": {
    "ios": {
      "bundleIdentifier": "com.example.[1]"
    }
  }
}

Drag options to blanks, or click blank then click option'

Amy_app

BMy App

Cmyapp

D123app

Attempts:

3 left

💡 Hint

Common Mistakes

Including spaces in the bundle identifier.

Using uppercase letters.

Starting with numbers.

The bundleIdentifier must be a reverse domain style string without spaces or special characters.

3fill in blank

hard

Fix the error in the app.json snippet to correctly specify the app version for App Store submission.

React Native

{
  "expo": {
    "version": "[1]"
  }
}

Drag options to blanks, or click blank then click option'

Aversion1

B1.0

Cv1.0.0

D1.0.0

Attempts:

3 left

💡 Hint

Common Mistakes

Using only two numbers like 1.0.

Adding 'v' or text before the version number.

The version should follow semantic versioning like 1.0.0 without prefixes.

4fill in blank

hard

Fill both blanks to set the correct app icon and splash screen image paths in app.json.

React Native

{
  "expo": {
    "icon": "[1]",
    "splash": {
      "image": "[2]"
    }
  }
}

Drag options to blanks, or click blank then click option'

A./assets/icon.png

B./assets/splash.png

C./assets/icon.jpg

D./assets/splash.jpg

Attempts:

3 left

💡 Hint

Common Mistakes

Using JPG files instead of PNG.

Incorrect file paths.

The app icon and splash screen images should be PNG files located in the assets folder.

5fill in blank

hard

Fill all three blanks to configure the iOS build number, supportsTablet flag, and app category in app.json.

React Native

{
  "expo": {
    "ios": {
      "buildNumber": "[1]",
      "supportsTablet": [2],
      "bundleIdentifier": "com.example.myapp",
      "infoPlist": {
        "CFBundleCategory": "[3]"
      }
    }
  }
}

Drag options to blanks, or click blank then click option'

A42

Btrue

Cpublic.app-category.utilities

Dfalse

Attempts:

3 left

💡 Hint

Common Mistakes

Using numbers instead of strings for buildNumber.

Using strings instead of booleans for supportsTablet.

Incorrect category identifiers.

The buildNumber is a string number, supportsTablet is a boolean, and CFBundleCategory is a valid App Store category identifier.