React Native Course
This course will teach you how to build cross-platform mobile applications using React Native and JavaScript. You’ll learn how to create native-feeling apps for both Android and iOS from a single codebase.
React Native allows you to use your web development skills to create full-featured apps, including navigation, user input, data storage, and API integration. Everything is interactive and responsive.
Ideal for both frontend developers and mobile app beginners, this course shows you the real-world steps to launch mobile apps using modern tools and practices.
Training Duration
The training program consists of 80 hours, scheduled for five days each week for one hour daily.
☑️ What You'll Learn
Build powerful cross-platform mobile apps for Android & iOS using React Native
Understand the core concepts of React Native, including components, props, and state management
Develop beautiful, responsive, and user-friendly mobile interfaces
Implement navigation with React Navigation for seamless screen transitions
Work with APIs and fetch real-time data using Axios and Fetch
Integrate local storage and databases like SQLite or AsyncStorage
Manage app state efficiently with Redux or Context API
Optimize app performance and handle device-specific features
Implement push notifications and permissions
Test, debug, and deploy your React Native applications
Get hands-on experience by building real-world mobile app projects
📘 Syllabus for React Native Course
📝 Module 1
HTML & CSS BasicsHTML5 Structure & Tags
CSS3 Styling Basics
Responsive Layouts with Flexbox & Grid
Basic Forms & Inputs
📝 Module 2
Core JavaScript
JavaScript Basics
● Variables
● Data Types
● Operators & Expressions
● Conditionals
● Loops
Functions & Scope
● Function Declarations
● Arrow Functions
● Scope
Arrays & Objects
● Array Methods
● Object Manipulation
● Destructuring & Spread Operators
DOM Manipulation
● Selecting Elements
● Changing Styles & Content
● Event Handling
● Creating & Removing Elements
📝 Module 3
Advanced JavaScriptES6+ Features
Promises & Async/Await
JSON Handling
Fetch API (Calling APIs)
Error Handling
Introduction to OOP in JavaScript
📝 Module 4
Introduction & Environment SetupIntroduction to Mobile Development
Native vs Hybrid vs Cross-Platform
What is React Native?
Setup Development Environment:
● Node.js
● VSCode/IDE
● Android Studio/Xcode
● React Native CLI or Expo
Running First React Native App (Android & iOS)
📝 Module 5
React BasicsJSX Syntax
Components (Function & Class)
Props & State
Basic Styling
Handling Events
Introduction to Hooks
📝 Module 6
Core React Native ComponentsView, Text, Image
TextInput
Button, TouchableOpacity
ScrollView, FlatList, SectionList
ActivityIndicator (Loader)
Linking & Platform Specific Code
📝 Module 7
Navigation & RoutingReact Navigation Setup
Stack Navigator
Tab Navigator
Passing Parameters between Screens
📝 Module 8
State ManagementContext API for Global State
Redux Setup & Usage
📝 Module 9
API IntegrationFetch for API Calls
Handling JSON Responses
Display Data in Lists
Loader & Error Handling
📝 Module 10
Form Handling & ValidationControlled Inputs
Formik for Form Handling
Yup for Form Validation
Submit Handling & API Post Example
📝 Module 11
Advanced TopicsReact Native Vector Icons
Image Picker & Camera Integration
Local Storage with AsyncStorage
Permissions (Camera, Location)
Push Notifications (Basic Introduction)
📝 Module 12
Building & PublishingApp Build Process
Generating Android APK/AAB

