Building Native Mobile Apps With React Native
=====
—–
* Course Id : MOBI-REAC
* Duration: 24 Hours
Overview
—–
* This course is designed to help you build hybrid and native mobile applications using React Native
* This course provides a solid and stable foundation for Android Development
* This course is designed with a lot of hands-on projects to speed up the learning experience
Pre-Requisites
——-
* No programming experience is required
* Keen Interest to learn android app development
Training Objectives
——
* Learn Android development from the ground up
* Create real world Android apps with React Native
* Access web services and databases
Course Structure
—–
* We provide more focus on hands-on in our technical courses (typically 80% hands-on/20% theory)
* Students get the capability to apply the material they learn to real-world problems
Materials Provided
—–
* All participants receive
* PDF of slides
* PDF of handson
* Access to instance with lab environment
Software Requirements
—–
Any of the following
* Any current internet browser
* vnc client
* rdp client
Hardware Requirements
—–
* Processor: 1.2 GHz+
* RAM: 512 MB+
* Disk space: 1 GB+
* Network Connection with low latency (<250ms) to Internet
## Daywise Course Outline
—–
## Day 1
—–
* Unit 1 : Introduction to React
* Unit 2 : Introduction to React Native
* Unit 3 : Styles and Layouts
## Day 2
—–
* Unit 4 : React Native Components
* Unit 5 : React Native APIs
* Unit 6 : Navigation
## Day 3
—–
* Unit 7 : Remote Communication
* Unit 8 : Persistence
* Unit 9 : Releasing Builds
## Detailed Outline
—–
Unit 1 : Introduction to React
* What is React
* JSX
* React Components
* Props
* Events
* State
* Lifecycle
* PropTypes
* Default Props
Unit 2 : Introduction to React Native
* A word on hybrid mobile development
* What is React Native
* Preparing development environment
* Node, Watchman, Xcode, Android Studio
* React Native CLI
* Creating And Running HelloWorld React Native
* Birds-eye view of mobile platforms ios and android
* Debugging
Unit 3 : Styles and Layouts
* Exploring Styles and using styles
* Inline Styles
* Style Objects
* Stylesheet
* Exploring layout
* Understanding Box model
* Understanding FlexBox model
* Styling Text
* Styling Images
* Debugging Styles
Unit 4 : React Native Components
* Components of React Native
* Using the Components
* View
* Text
* Image
* Touchables
* ListView
* ScrollView
* Modal
* WebView
* TabBar
* TextInput
* Slider
* Switch
* Picker
Unit 5 : React Native APIs
* React Native API
* Hardware access
* Platform specific features
* Alert
* Handling permissions
* Geolocation
* Vibration
Unit 6 : Navigation
* Setting up RN Navigation Library
* Configuration
* Challenges with navigation
* Possible solutions for navigation
* Setting up React Native navigation library
* Working with React Native navigation
* Styling the navigator
* OS Specific use cases
Unit 7 : Remote Communication
* Consuming Remote APIs
* Libraries available
* Fetching data using fetch
* Working with axios for CRUD
Unit 8 : Persistence
* Accessing Databases in React Native
* Local Databases on Mobile
Unit 9 : Releasing Builds
* Build RN apps for Android
* Build RN apps for iOS