Course Curriculum
React and Mobile Platform Basics
React and Mobile Platform Basics
Introduction to React
- Introduction to React
- Hybrid Framework vs. Native Framework
- React Native Development IDE – Visual Studio Code
- Why React and React Native?
- React Advantages
Android fundamentals
- Activities
- Views
- Layouts
- Resources
- Manifest
Android Activity
- Activity Life Cycle
- Activity Life Cycle Events
- Activity States
Running, Deployment, Testing
- Deploying app to Emulator and Devices
- Debugging in Emulator
- Debugging in Device
- Android Debug Log
- Testing app in different emulator
iOS fundamentals
- Storyboard
- Segues
- Views
- View Controllers
- Layouts
- Resources
iOS Life Cycle
- iOS Life Cycle
- iOS Life Cycle States
Running, Deployment, Testing
- Deploying the app to Simulator and Devices
- Debugging in Simulator
- Debugging in Device
- Testing app in different Simulator
- iOS Life Cycle
- iOS Life Cycle States
Introduction to Native Mobile Apps
- Understanding Native Mobile Apps Development
- Why to choose Native Mobile Apps Development
- Ways to develop Native Mobile Apps
- Future of Native Mobile Apps Development
- Advantages of Native Mobile Apps
Introduction to React Native
- Understanding the React Native
- React Native Advantages
- React Native Mobile OS Support
Setting Up Our Development Environment
- Installing the React Native CLI
- Installing IDE: VS Code
- Starting a New React Native Project
- Platform Tools Installations
- Setting Emulators and Simulator
- Setting Up Your Devices
- Adding Mobile Platforms
- Previewing on Emulator and Simulator
- Previewing on Device
React Native CLI
- Define Your Build Platforms
- Previewing Your App
- Emulating Your React Native App
- Running React Native App on a Device
- CLI information

React Native
React Native Core Concepts
- Components for Mobile
- View
- Text
- Text Input
- Button
- Switch
- Image
- Status Bar
- List Views: Flat List, Section List etc.
- Handling Touches
- Using a ScrollView
- Render and JSX
- Component Lifecycle
- Props and State
Building User Interface: Styles
- Understanding the Android and iOS Layouts
- Adding UI Components to the Application
- Styling React Native Components with CSS
- Layouts: Flexbox
Styles
- Conditional Styling
- Inline styles
- Using a stylesheet
- Adding multiple styles
- Inheritance
Navigation
- App Scene Navigation
- React Navigation Library
- Navigator Basics
- Implementing Navigation
Navigator and WebView
- Stack Navigator
- Tab Navigator
- Navigation Parameters
- Adding a Back Button
- WebView

React Native Elements and Redux
React Native Elements: React Native UI Toolkit
- Installing React Native Elements
- Using React Native Elements
- Button
- Card
- Input
- ListItem etc.
Redux
- Introduction to Redux
- Redux Flow Overview
- Redux Setup
Redux Flow
- Actions
- Reducers and Root Reducers
- Store
- Dispatch Actions
- Action creators
Storage and SQLite
- Persistent Data using SQLite
- Using AsyncStorage
List View and REST API
- Database Operations with REST service
- Data Listing
- List View
- Refresh Control
Native Modules and APIs
- Linking Native API
- Geolocation
- Video Component
- Modals
- ActivityIndicator
- Animations
Gestures Events
- Gestures
- Events
- Keyboards
Debugging and Testing
- Dealing with CORS Issues
- Debugging through an iOS or Android Simulator
- Debugging On-Device

Project
Project: E-commerce App
Developing Application Architecture
- Discussing Application Architecture
- Building Application Layer
Login and Sign Up
- Implementing Login and signup
- Developing Customer CRUD Operations
- Managing User session
- Implementing Authorization
Developing Category, Product Operations
- Developing Category CRUD Operations
- Developing Product CRUD Operations
Product Listing
- Displaying Products to Users
- Applying Paging and Sorting
Shopping Cart
- Products Searching
- Adding Products to Shopping Cart
- Removing Products to Shopping Cart
Payment Gateway
- Understanding Payment gateway Process
- Integrating Payment Gateway
- Listing Successful Transactions
- Listing Failed Transactions
Deployment and Testing
- Compiling app for Android and iOS
- Testing App on real devices
Publishing
- App deployment on Google store
- App deployment on Apple store