React Native - Complete Guide + E-Commerce + Interview Q&A

React Native Complete Guide, Mobile Gesture and map, permissions, e-commerce project, Expo, Firebase, Navigation, Hooks

What you'll learn

Learn basics of mobile app development with React native and e-commerce mobile app development step by step along with interview questions prep

E-Commerce application with UI Layout fundamentals, shopping cart and payment gateway

Learn the latest and best approaches of React Native

Understanding and making project with Expo and native libraries

Platform module understanding to dynamically tailor app for iOS or Android, ensuring native-like experiences using Platform. OS and Platform. select

Master mobile navigation with expo router and file based routing, stack navigation, tab navigation and drawer navigation

Learn working with database using fetch() API and Axios and implement CRUD operations

Master flexbox for layout to design modern mobile apps working across all device sizes

Implement intuitive swiping, panning, and pinching with GestureHandler, creating highly responsive and interactive mobile experiences

Master integrating camera and gallery access, letting users capture or select images essential for interactive apps

Master sending and managing real-time alerts with push notification across iOS and Android, keeping users engaged with timely updates

Learn integrating device location and interactive maps, building powerful location-aware features into your app

Implement building apps without Expo, gaining deeper insights into the core framework

Requirements

Javascript and React basics will be a great help

Time, attention and dedication to learn & practice

Description

As the name says, this course is a complete guide for beginner to advanced level learners. Beginners will start their journey from basics of not only mobile app development but React fundamentals as well. And learners who already have knowledge of basics will learn advanced concepts like handling multiple devices, gestures, map, an eCommerce project along with deployment.Here is what you will masterCore ComponentsI’ve made a dedicated section which dives deep into React Native's essential building blocks like View, Text, TextInput, Button, Image, ScrollView, FlatList, and more, crafting dynamic, responsive UIs.Master Mobile NavigationI’ve designed a dedicated section that guides you through the powerful React Navigation library.You'll learn to implement:Expo Router and File based routingStack Navigation: For sequential screens like a traditional app flow.Tab Navigation: Creating user-friendly bottom or top tabs.Drawer Navigation: Building side menus for complex app structures.Error HandlingYou will also learn how in real word the local and global errors are handledPlatform module:Learn to dynamically tailor your app for iOS or Android, ensuring seamless, native-like experiences across devices using Platform .OS and Platform .select.Working with Database using fetch() API & AxiosI’ve made sure that You master data handling, with CRUD examples using both fetch() API and Axios library.Flexbox for Layout: You will master to arrange elements responsively with Flexbox across all device sizes; it's crucial for every React Native screen.Master React Native Gestures: Implement intuitive swiping, panning, and pinching with GestureHandler, creating highly responsive and interactive mobile experiences.Capture & Select Images: Master integrating camera and gallery access, letting users capture or select images essential for interactive apps.Implement Push Notifications: Master sending and managing real-time alerts with push notification across iOS and Android, keeping users engaged with timely updates.Location & Maps: You will also learn integrating device location and interactive maps, building powerful location-aware features into your app.React Native Without Expo: I’m also sharing how to build apps without Expo, gaining deeper insights into the core framework.And last but not the leastE-commerce Project: Where you go through majority of phases of a mobile app development cycle along with real word practices like dealing with data, making dedicated components, understanding standard UI practices, integrating shopping cart and Payment gateway, deployment and much moreSo without further ado, Enroll today and take a definitive step towards learning OR rather mastering React Native…

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Native Vs Hybrid Mobile Development

Lecture 3 Is React Native Hybrid?

Lecture 4 Expo CLI

Lecture 5 Creating First Project

Lecture 6 Understanding Project Structure

Lecture 7 Running the App on Mobile

Lecture 8 Apple [XCode] Simulator

Section 2: Core Components

Lecture 9 Introduction to Core Components

Lecture 10 RQ - Introduction to Core Components

Lecture 11 - Container

Lecture 12 RQ - Container

Lecture 13 Inline Styling

Lecture 14 RQ-Inline Styling

Lecture 15 Better Way of Styling - StyleSheet Object

Lecture 16 RQ-Better Way of Styling - StyleSheet Object

Lecture 17 Event Handling Basics

Lecture 18 RQ-Event Handling Basics

Lecture 19 Parameter Passing to Event handler function

Lecture 20 Component

Lecture 21 Color property difference for Android & iOS

Lecture 22 Working with state - Incrementing Counter

Lecture 23 Decrementing Counter

Lecture 24 Counter functionality with parameter passing

Lecture 25 Better Way to update state - callback

Lecture 26 RQ - State Management

Lecture 27 Working with Array as a state

Lecture 28 Object as state

Lecture 29 RQ - UseState

Lecture 30 Component

Lecture 31 Styling Component

Lecture 32 RQ Component

Lecture 33 Component

Lecture 34 Sizing with resizeMode

Lecture 35 defalutSource, blur and fade properties -

Lecture 36 RQ Component

Lecture 37 Component

Lecture 38 Props Component

Lecture 39 autoCorrect, autoCapitalize and multiline

Lecture 40 RQ component

Lecture 41 Component

Lecture 42 Horizontal Component

Lecture 43 Paging using Component

Lecture 44 Task - Create an AddressBook Using all the Components learnt. (Part 1)

Lecture 45 Task - Implementing style changes. (Part 2)

Lecture 46 Task - Adding Delete functionaliy. (Part 3)

Lecture 47 Component

Lecture 48 Implementing Lazyloading, Header and Footer component.

Lecture 49 Component

Lecture 50 RQ &

Section 3: Navigation

Lecture 51 Introduction Navigation

Lecture 52 Expo Router (File based Routing) Structure With TypeScript

Lecture 53 Expo Router (File based Routing) Structure With JavaScript

Lecture 54 RQ Expo Router

Lecture 55 Naviagting between routes in Mobile

Lecture 56 Configuring _layout file

Lecture 57 RQ - _layout files

Lecture 58 Navigation Pattern: Stack Navigator

Lecture 59 Customizing header and Back button (Globally)

Lecture 60 Customizing header and Back button (Individual Screen)

Lecture 61 Customizing header and Back button (Within the screen)

Lecture 62 RQ - Navigator

Lecture 63 Tab Navigator

Lecture 64 Customizing Tab Buttons

Lecture 65 RQ - Tabs

Lecture 66 Drawer Navigation

Lecture 67 Customizing Drawer

Lecture 68 RQ Drawer

Lecture 69 Nested Navigator

Section 4: Error Handling

Lecture 70 Introduction

Lecture 71 Understanding errors in React Native

Lecture 72 Local Error Handling Using try-catch block

Lecture 73 Handling Global Errors with Error Boundaries

Lecture 74 Handling API Errors

Lecture 75 Adding User friendly error messages

Lecture 76 Using ErrorUtils for Global Error Handling

Lecture 77 RQ - Error Handling

Section 5: Platform Modules

Lecture 78 Platform Specific Modules

Lecture 79 Platform Specific Rendering

Lecture 80 Platform Specic Styles

Lecture 81 Platform Specific extensions/files

Section 6: HTTP Request & Firebase CRUD Operation

Lecture 82 Module Introduction - Firebase

Lecture 83 Introduction to FetchAPI

Lecture 84 Post Data using fetch API

Lecture 85 Task Post Data using User Input

Lecture 86 POST Data - Form Validation

Lecture 87 GET using Fetch API

Lecture 88 TASK - GET the records and display the list

Lecture 89 Updating Records - PATCH Call

Lecture 90 Updating Partial Records - PATCH Call

Lecture 91 Task - Update Records Dynamically

Lecture 92 Deleting Records using HTTP - Delete Method

Lecture 93 Task - Deleting Records Dynamically from the List

Section 7: HTTP with Axios

Lecture 94 Introduction to Axios

Lecture 95 Creating an axios instance

Lecture 96 Working With POST Method

Lecture 97 Working With GET Method

Lecture 98 Working With PATCH Method

Lecture 99 Working With DELETE Method

Section 8: User Interface (UI)

Lecture 100 Layout

Lecture 101 Sample Layout with Header, Contentarea and Footer (Understanding Flex)

Lecture 102 Sample Layout - Understanding flex directions

Lecture 103 RQ Flex

Lecture 104 Sample Layout - Understanding Justify Content alignment

Lecture 105 Sample Layout - AlignContent and AlignItem

Lecture 106 RQ Flex -Alignments

Section 9: Gesture Handling

Lecture 107 Introduction

Lecture 108 Tap and Press Guesture

Lecture 109 Pan Gesture (Drag & Move)

Lecture 110 Pinch Gesture (Zoom in & Zoom out)

Lecture 111 Rotation Gesture

Lecture 112 Combining Multiple Gestures

Section 10: Camera/ImagePicker

Lecture 113 Introduction

Lecture 114 Configuring expo-image-picker

Lecture 115 Launching The Camera

Lecture 116 Managing Permissions - Camera in iOS

Lecture 117 Camera Options

Lecture 118 Rendering the Clicked Image

Lecture 119 Using the Image Picker

Lecture 120 Selecting Multiple Images

Lecture 121 Task : Limit the Number of Images Selected

Section 11: Push Notification

Lecture 122 Introduction

Lecture 123 Local Notification Setup

Lecture 124 First Notification

Lecture 125 Handling the Incoming Notification

Lecture 126 Reacting on Incoming Notification

Lecture 127 Push Notification Setup

Lecture 128 Notification Channel

Lecture 129 Pushing with the Push Notification Tool

Lecture 130 Sending Push Notification with Expo API

Lecture 131 Running Push Notifications on SDK 53

Section 12: ReactNative App without Expo

Lecture 132 Introduction

Lecture 133 How Exactly Expo Does work?

Lecture 134 RQ - How Exactly Expo Does work?

Lecture 135 Alternatives for React Native App Creation

Lecture 136 RQ - Alternatives for React Native App Creation

Lecture 137 Creating Project With React Native CLI

Lecture 138 RQ - Creating Project With React Native CLI

Lecture 139 Understand Project Structure

Lecture 140 RQ - Unit Test & Ruby Gems

Section 13: Location/Map

Lecture 141 Introduction

Lecture 142 Setup for Location

Lecture 143 Fetching Device Location

Lecture 144 RQ Fetching Device Location

Lecture 145 Setting Up Map

Lecture 146 Locating User on the Map

Lecture 147 RQ - Locating User on the Map

Lecture 148 Handling Location Selection on Map

Section 14: Building E-Commerce Application

Lecture 149 Introduction to the Scope Of Work

Lecture 150 Commencing The Project Creation

Lecture 151 Setting-Up NativeWind CSS for UI

Lecture 152 Setting-Up The Tabs

Lecture 153 Customizing Tab Buttons

Lecture 154 Taking Care Of The Headers On Screen

Lecture 155 Fetching The Products Data

Lecture 156 Creating The Product Card UI

Lecture 157 Rendering Products Using Component

Lecture 158 Implementing Product Search Functionality

Lecture 159 Setting Up Filter Modal

Lecture 160 Adding Filters

Lecture 161 Fetching Dynamic Product Categories

Lecture 162 Making Filters Interactive

Beginners in Mobile Development,Web Developers Transitioning to Mobile,Aspiring Mobile App Developers,Developers Wanting Cross-Platform Skills,Students/Graduates willing to add an in-demand React Native skill to resume