MOBILE APP DEVELOPMENT USING REACT NATIVE

To introduce the use of React Native framework to develop mobile apps for Android platform.
OBJECTIVES





Build mobile apps
with interactive user
interfaces using
React Native.

Implement data
persistence
in mobile apps.

Develop mobile apps
that communicate with
server-side apps using
Web API and Web Sockets.
OUTCOMES

Build mobile apps
that access
location information.
CONTENT


PRE-REQUISITE
Prior knowledge and
skills in any
programming language

DAY 1
Introduction
- Fundamentals of mobile apps
- Mobile platforms-Android, iOS
- Overview of mobile apps development
hours
0.5

- Installing React Native and dependencies
Getting Started with React Native
- React Native concepts
hours
1.5

Overview of JavaScript in React Native
- Syntax, variables and data types
- Arrow functions
- Array.map() function
hours
1.5

Components and JSX
- React Native Components
- JavaScript Extension (JSX)
- Rendering components
hours
3.5

DAY 2
Props, State and Events
- Props
- State
- Lifecycle
- Handling events in React Native
hours
3.5

User Interface Components
- View, ScrollView, Text, TextInput and Image
- Buttons, Slider and Switch
- Pickers
- List Views
- Platform-specific components
- Styles
hours
3.5

DAY 3
Connecting to Web API
- Fetch API
- Handling HTTP request and response
hours
1.5

Connecting to Web Sockets
- Communicating with Socket.IO program
- Handling Socket.IO events
- Emitting Socket.IO events
hours
1.5

Notifications
- Local notifications
- Push notifications
hours
2.0

Location
- Getting current location
- Getting location updates
hours
2.0

DAY 4
Data Persistence
- SQLite database
- AsyncStorage
- Files
hours
5.0

Deploying Mobile App
- Deploy app to device
- Publishing in Play Store
hours
2.0
DURATION
4 days