React Native App Development
Build cross-platform mobile apps for iOS and Android.
About This Course
Program Overview
Why Choose This Course?
Cross Platform
One codebase, two platforms.
Native Performance
Runs like a native app.
JavaScript
Leverage your web skills.
What You'll Learn
Course Curriculum
- Course prerequisites
- What is React Native
- Introduction to Expo Snack
- Set up environment
- Create Your First App
- Run App on Real Device
- iOS Simulator (MacOS)
- Android Emulator (MacOS)
- Setup Environment Windows
- About this JS course
- SafeAreaView
- Text
- StyleSheet
- Images
- Buttons, Pressable & Touchable
- ScrollView
- Platform
- Loaders
- Views
- Margin & Padding
- Flex
- flex-direction
- flexWrap
- Positions
- Dimensions R
- Responsive UI
- useState Hook
- Modal
- Expo Icons
- ImageBackground
- TextInput
- Create React Component
- UI Matering Introduction
- Figma Design
- PNG vs SVG
- Intro Screen
- User Avatar
- Header Component
- Social Section
- Social Container
- Finish Contact Us Screen
- Home Screen Header
- Top Tabs
- Card Component with Dark Overlay
- FlatList with 2 Rows
- FlatList with Props
- Payment Screen Header
- Payment Method
- Payment Method Selected
- Payment List
- Bank Card Box
- Add Button
- Adding Animations
- Task Time
- Source Code in This Section
- Builds Screens
- Stack Navigation
- Recap & Screen Options
- useRoute
- BottomTabs
- Create New App
- Create Custom API (Mock API)
- Axios
- Get Request & FlatList
- Get By Id Request
- Try Catch
- Delete Request
- Post Request
- Put Request
- Refactor And Create Home Screen
- Book Card
- Props
- APIs Functions
- Render Data in FlatList
- Delete Book
- Add Button UI & Modal
- CustomTextInput
- Save Button
- Create Book
- Edit Book
- Bug Fix
- Task Time | CRUD App – Task Requirements
- Redux is not that hard
- Why Redux Useful
- Reducer Explained
- Create Store and Get Data From Global State
- actions & useDispatch
- Payload
- Combine Reducers
- RootState
- Recap Redux & Task
- Redux Toolkit Store
- Redux Toolkit Reducer & Actions
- Create Project
- Folder Structure
- AppText
- App Colors
- AppSafeView
- Flash Message
- AppButton
- AppTextInput
- Sign In Screen
- Sign Up Screen
- Stack Navigation
- Bottom Tabs & Main App Stack
- Style Bottom Tabs
- App Header
- App Custom Fonts
- Prepare Data
- Product Card
- Add To Cart Button
- Shadow
- Props
- Render Data in FlatList
- Empty Cart Component
- Cart Item
- Increase Decrease Buttons
- Cart Item Props
- Totals View
- Cart Screen
- Checkout Screen
- Profile Screen
- My Orders Screen
- Create Store
- cartSlice
- Add Item To Cart
- Remove Item From Cart
- Delete Product
- Finish Cart Screen
- Handling Forms using useState
- AppTextInputController
- Style Error Message
- Yup & Validation Schemas
- Add Typescript Auth Validation Task
- Add Typescript
- Auth Validation Task
- Firebase Init
- Sign in users
- Handling Errors
- Register new users
- Firestore Database
- Get data from database
- Save User Data In Global State
- Place Orders
- Fix redux warning & duplicate orders
- Get users order
- Handling orders date
- Localization Introduction
- How to create Bottom Sheet
- How to create radio button
- Setup localization
- Get Translation
- Adding English Translation
- Finish All Translation Files
- Handle Change Lang
- Introduction to Async Storage
- Save Data In Local Storage
- Get Data From Local Storage
- Clear Data
- Save Logged in State in Local Storage
- Logout & Auth State Loading
- App Loading
- Firebase Change Auth State
- Better Auth Approach
- Saving User Language in Local Storage
- Redux Persist
- Change App Icon & Name
- App Splash Screen
- EAS
- Generate Build (APK)
- Generate Build (AAB)
- How to Create & Verify Google Play Developer Account (Optional)
- How to Publish an Android App to Google Play (Optional)
- How to Create Apple Developer Account (Optional)
- How to Publish iOS App to App Store (Optional)
- React Native CLI
- How Expo and CLI share a lot together
- React Native Environment Setup (Mac)
- Run App on iOS & Android
- Run App on Real Android Device
- Run App on Real iPhone Device
- Introduction to Yarn
- Change Bundle ID
- Integrate Firebase with Android
- Integrate Firebase with iOS
- Push Notifications Android
- Foreground Notifications
- Source Code of This Section
- Open Gallery And Camera To Pick Images
- Change App Name
- Change App Icon iOS
- Change App Icon Android
- Splash Screen Android
- Splash Screen iOS
- Integrate Google Maps & iOS Maps
- Display Google Map in App
- Adding Markers to MapView
- Source Code Of This Section
- React Native Vector Icons
- How to use SVGs with React Native
- App Init Structures
- Useful Scripts
- Integrate with Reactotron
- App Header
- Sent Message Card
- Response Message Card
- Put Messages In FlatList
- Adding Typescript
- Chat Input
- KeyboardAvoidingView
- ChatInput Props
- Send Messages
- Receive Messages
- Adding Typing Effect
- Empty Chat Screen
- Auto Scroll To Bottom in FlatList
- Keyboard State
- Create Hugging Face Access Token
- Connect App With Hugging (GPT2)
- Display Hugging Face (GPT2) Response
- Create OpenAI Key
- Connect with OpenAI And Get Smarter Answers
- Fix Input Padding Bottom
- Adding try catch
- Adding Thinking Loading
- Fix Typing Effect Issue
- Task Time
- Source Code Of Section
- Generate APK & AAB for Android
- Publish React Native CLI App to Apple App Store (Optional)
- Animation Section Introduction
- Moving Elements Horizontally
- Moving Elements Horizontally Multiple Times
- Move Elements Vertically
- Task Time - Task 1
- Animation Sequence
- Fade Animation
- Task Time - Task 2
- Rotate Animation
- Task Time - Task 3
- Expand & Shrink Animation
- Task Time - Task 4
- How to Animate Color Changes
- Source Code of This Section
Frequently Asked Questions
₹3,500
₹12,000 71% OFFThis course includes:
- Cross Platform
- Native Performance
- JavaScript
Upcoming Batches
Explore More Courses
Discover our full range of professional training programs to elevate your skills.
Python with Django Full Stack
Master Python and Django for robust backend development.
MERN Stack Development
Build full-stack web apps with MongoDB, Express, React, Node.
PHP with Laravel Full Stack
Modern Web Development with PHP and Laravel.
Backend Development with Laravel
Deep dive into backend logic with PHP and Laravel.
Backend Development with Django
Become a Python Backend Engineer with Django.
Backend Development with Node.js & Express
Master Server-Side JavaScript with Node.js.
Frontend Web Development Mastery
Master the art of building modern, responsive user interfaces.
WordPress Development
Build Custom Themes and Plugins for WordPress.
Master C & C++ Programming
Learn C and C++ from beginner to advanced level.
Master PHP Programming
Complete PHP Language Mastery Course.
Master Python Programming
Comprehensive Python Course for Beginners to Advanced.
Master Java Programming
In-depth Java Course covering Core and Advanced Concepts.
Master JavaScript Programming
Deep dive into Modern JavaScript (ES6+).
Data Structures & Algorithms (DSA)
Crack Coding Interviews with DSA Mastery.
Flutter App Development
Create beautiful, fast apps with Google's UI toolkit.
Cyber Security & Ethical Hacking
Learn to secure networks and ethically hack systems.
Introduction to AI, LLMs & LangChain
Beginner-friendly guide to AI, Large Language Models, and LangChain.
React JS Front-End Web Development
A comprehensive, hands-on course that teaches you to build modern, scalable front-end applications using React 19, covering core concepts, Hooks, routing, API integration, CRUD operations, and advanced features for real-world development.
Python with Django Full Stack
Master Python and Django for robust backend development.
MERN Stack Development
Build full-stack web apps with MongoDB, Express, React, Node.
PHP with Laravel Full Stack
Modern Web Development with PHP and Laravel.
Backend Development with Laravel
Deep dive into backend logic with PHP and Laravel.
Backend Development with Django
Become a Python Backend Engineer with Django.
Backend Development with Node.js & Express
Master Server-Side JavaScript with Node.js.
Frontend Web Development Mastery
Master the art of building modern, responsive user interfaces.
WordPress Development
Build Custom Themes and Plugins for WordPress.
Master C & C++ Programming
Learn C and C++ from beginner to advanced level.
Master PHP Programming
Complete PHP Language Mastery Course.
Master Python Programming
Comprehensive Python Course for Beginners to Advanced.
Master Java Programming
In-depth Java Course covering Core and Advanced Concepts.
Master JavaScript Programming
Deep dive into Modern JavaScript (ES6+).
Data Structures & Algorithms (DSA)
Crack Coding Interviews with DSA Mastery.
Flutter App Development
Create beautiful, fast apps with Google's UI toolkit.
Cyber Security & Ethical Hacking
Learn to secure networks and ethically hack systems.
Introduction to AI, LLMs & LangChain
Beginner-friendly guide to AI, Large Language Models, and LangChain.
React JS Front-End Web Development
A comprehensive, hands-on course that teaches you to build modern, scalable front-end applications using React 19, covering core concepts, Hooks, routing, API integration, CRUD operations, and advanced features for real-world development.