iOS build and certificates in React Native - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the module needed to build an iOS app in React Native.

React Native

import [1] from 'react-native';

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

AStyleSheet

BView

CText

DAppRegistry

Attempts:

3 left

💡 Hint

Common Mistakes

Using View or Text instead of AppRegistry.

Forgetting to import AppRegistry causes the app not to start.

AppRegistry is the module used to register the main component for iOS build in React Native.

2fill in blank

medium

Complete the command to create a new iOS build archive using Xcode command line tools.

React Native

xcodebuild -workspace MyApp.xcworkspace -scheme MyApp -configuration Release [1] MyApp.xcarchive archive

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

A-exportOptionsPlist

B-sdk

C-archivePath

D-exportPath

Attempts:

3 left

💡 Hint

Common Mistakes

Using -exportPath instead of -archivePath.

Confusing -sdk with archive path.

The -archivePath option specifies where to save the archive file during the build.

3fill in blank

hard

Fix the error in the command to export an IPA file from the archive using the correct option for the export options plist.

React Native

xcodebuild -exportArchive -archivePath MyApp.xcarchive -exportPath ./build -[1] exportOptions.plist

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

AexportOptionsPlist

BexportOptions

CexportPlist

DexportOptionsFile

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect option names like -exportOptions or -exportPlist.

Missing the 'Plist' suffix causes command failure.

The correct option to specify the export options plist file is -exportOptionsPlist.

4fill in blank

hard

Fill both blanks to complete the command that lists all available signing identities on your Mac.

React Native

security [1] -v | grep [2]

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

Afind-identity

Bcodesign

CiPhone

DApple

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'codesign' instead of 'find-identity'.

Filtering with 'Apple' instead of 'iPhone' misses iOS certs.

The 'security find-identity -v' command lists signing identities, and filtering with 'iPhone' shows iOS certificates.

5fill in blank

hard

Fill all three blanks to complete the React Native command to run the iOS app on a specific device.

React Native

npx react-native run-ios --device "[1]" --scheme [2] --configuration [3]

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

AiPhone 14

BRelease

CMyAppScheme

DDebug

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'Debug' instead of 'Release' for production builds.

Using simulator names instead of device names.

The device name is 'iPhone 14', the scheme is 'MyAppScheme', and the configuration for production build is 'Release'.