React Native App Development
Module A: (HTML, CSS, Javascript, DOM, ES6)
HTML Tags,
Table/Div
Forms
image
form
css syntax,
selectors
css properties
JavaScript events
JSON
JS HTML DOM
Methods
Documents
Elements
Events
Event Listener
JavaScript concept
Let and const keywords
Default Parameters
Arrow functions
Template Literals
Rest and spread operators Classes
Destructuring assignment
Promises
async await, && , || , ?? Operators, optional chaining
Module B: (React JS Overview, Installation)
React JS overview
Library Vs. Framework
Basic configuration & installation
React Features
Virtual DOM
JSX, Components
Module C: (Getting started with ReactJS)
Directory structure
Create React app
Elements
Class
Components
Components Lifecycle
Rendering and Conditional rendering
Module D: (React JS state management and Forms)
Overview
React JS state & props
Children
Updating states
React JS forms & events
Validations
React fragments
Refs
Keys
CSS in reactjs
HOC (Higher Order Components)
Module E: (Hooks & Redux)
Overview
Theory
Hooks
Redux store, actions, reducer, updating component
Module F: (React Native Basics)
React native Fundamentals and Overview
React Native Development Environment
Create New Project
React Native Project Structure
App.js and index.js, package.json
Module G: (React Native Components & Elements)
View
Component & Component Lifecycle ,
Text , State , Props , TextInput, TouchableOpacity, Button , Style(Inline style , Using styleSheet) , FlexLayout ( flex , flexDirection , justifyContent, alignItems) , Image , Scrollview , RefreshControl , Modal , Share , ImageBackground, Slider , Switch , Picker , FlatList , WebView
Module H: (React Native Navigator)
DrawerNavigator , CreateStackNavigator , TabNavigator, SwitchNavigator
Module I: (React Native Modules)
Check mobile Platforms , DatePickerAndroid , TimePickerAndroid , DatePickerIOS , ProgressBarAndroid , ProgressViewIOS , ToastAndroid , Alert , PermissionAndroid(Marshmellow), Keyboard handel, AsyncStorage
Module J: (React Native API)
JSON Parsing using Fetch API(GET & POST) , Internet Connection Handle, ActivityIndicator. Basic concept of react-redux
Module K: (React Native Hardware Interactions)
Camera and Gallery , Google Maps , Get Device Current Location.
Module L: (React Native Firebase Integration)
Firebase Cloud Messaging(FCM), Firebase Data Base
Project Work
- Week
12 - No of Classes
36 - Class Duration
72(hrs)
