Expo vs bare React Native - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to import the Expo component correctly.

React Native

import { [1] } from 'expo-camera';

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

AView

BText

CCamera

DButton

Attempts:

3 left

💡 Hint

Common Mistakes

Importing View or Text from Expo instead of React Native.

The Camera component is imported from expo-camera to use device camera features easily.

2fill in blank

medium

Complete the code to start a bare React Native project using the CLI command.

React Native

npx react-native [1] MyApp

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

Ainit

Bstart

Crun

Dcreate

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'start' or 'run' instead of 'init' to create a project.

The init command initializes a new bare React Native project.

3fill in blank

hard

Fix the error in the code to import React Native components in a bare project.

React Native

import [1] from 'react-native';

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

A{ View, Text }

BView, Text

C(View, Text)

D[View, Text]

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting curly braces or using wrong brackets in import statement.

React Native components must be imported using curly braces for named imports.

4fill in blank

hard

Fill both blanks to complete the Expo managed workflow command and its purpose.

React Native

expo [1] && expo [2]

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

Astart

Bbuild

Cinit

Dpublish

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing build or publish commands instead of init and start.

expo init creates a new Expo project, and expo start runs the development server.

5fill in blank

hard

Fill the blanks to complete the bare React Native app setup commands.

React Native

npx react-native [1] MyApp && cd MyApp && npx react-native [2]-ios

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

Ainit

Brun

Cstart

Dbuild

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'build' instead of 'run' or 'start' commands.

init creates the project, run-ios launches the app on iOS simulator.