Cross Platform Mobile Application

Development
Lecture 07 - 7th Semester 2020

6
201

Abdullah Hamidi
Contents
• Development environment for React Native
• React-native cli
• Expo
• Creating first app with Expo

1
Development environment for React Native

• Two options available for building an app:

 React-native cli
 Expo

2
React-native cli
• Developed by React Native community
• Bare-bone app development
• Complex configuration
• Not suitable for beginners

3
Expo
• Third-party service(free)
• Managed app development
• Easy configuration
• Best option for beginners

4
Expo tools
1.XDE
2.Expo CLI
3.Expo Client
4.Expo Snack
5.Expo SDK

5
1.XDE

The Expo Development Environment (graphical)

The main tool you will use for creating, building, serving, and
sharing React Native apps

6
1.Expo CLI

The command line interface for Expo

Provides all of the power of the GUI based XDE in
command line form

7
1.Expo Client

An app for Android and iOS.

This app allows you to run your React Native project within
the Expo app on the device without the need for installing.

8
1.Expo Snack

hosted at https://snack.expo.io

this web app allows you to work on a React Native app in
the browser.

9
1.Expo SDK

This is the SDK that houses a wonderful collection of
JavaScript APIs that provide Native functionality not found in
the base React Native package, including working with the
device’s accelerometer, camera, notifications, geolocation,
among many others.

10
Expo limitations
• Not all Android and iOS API are available
 Bluetooth
• Native Android or iOS code can not be embedded
• The minimum supported OS versions are Android 5+ and
iOS 10+
• Can not keep app size lean

11
What we use in this course
• Expo cli
 Web development background
• Expo client
• Visual studio code

12
References
• https://docs.expo.io/
• https://reactnative.dev/docs/environment-setup

13
Thanks for your attention!

14
Any Questions?