MOBILE APP DEVELOPMENT USING REACT NATIVE
strip design-01.jpg

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

OBJECTIVES
strip design-01.jpg
strip design-01.jpg
strip design-01.jpg
strip design-01.jpg
Untitled-6-01.png

Build mobile apps

with interactive user

interfaces using

React Native.

Untitled-7-01.png

Implement data

persistence

in mobile apps.

Untitled-8-01.png

Develop mobile apps

that communicate with

server-side apps using

Web API and Web Sockets.

OUTCOMES
Untitled-15-01.png

Build mobile apps

that access

location information.

CONTENT
strip design-01.jpg
strip design-01.jpg
PRE-REQUISITE

Prior knowledge and

skills in any

programming language

infographic content2-01.png
DAY 1
Introduction
- Fundamentals of mobile apps
- Mobile platforms-Android, iOS
- Overview of mobile apps development
hours
0.5
infographic content2-01.png
- Installing React Native and           dependencies
Getting Started with React Native
- React Native concepts
hours
1.5
infographic content2-01.png
Overview of JavaScript in React Native
- Syntax, variables and data types
- Arrow functions
- Array.map() function
hours
1.5
infographic content2-01.png
Components and JSX
- React Native Components
- JavaScript Extension (JSX)
- Rendering components
hours
3.5
infographic content1-01.png
DAY 2
Props, State and Events
- Props
- State
- Lifecycle
- Handling events in React Native
hours
3.5
infographic content1-01.png
User Interface Components
- View, ScrollView, Text, TextInput and Image
- Buttons, Slider and Switch
- Pickers
- List Views
- Platform-specific components
- Styles
hours
3.5
infographic content2-01.png
DAY 3
Connecting to Web API
- Fetch API
- Handling HTTP request and response
hours
1.5
infographic content2-01.png
Connecting to Web Sockets
- Communicating with Socket.IO program
- Handling Socket.IO events
- Emitting Socket.IO events
hours
1.5
infographic content2-01.png
Notifications
- Local notifications
- Push notifications
hours
2.0
infographic content2-01.png
Location
- Getting current location
- Getting location updates
hours
2.0
infographic content1-01.png
DAY 4
Data Persistence
- SQLite database
- AsyncStorage
- Files
hours
5.0
infographic content1-01.png
Deploying Mobile App
- Deploy app to device
- Publishing in Play Store
hours
2.0
DURATION

4 days