React Native Essentials - Build Mobile Apps Like A Pro

Build Android & iOS apps using Expo, Hooks, Context API, Reducers, Expo Router, Location, Firebase, Gemini API and more.

What you'll learn

Learn how to create Android & iOS apps using React Native

Learn how to use Expo to speed up React Native development

Learn how to use Expo Router for File based Navigation

Learn State Management using useState Hook, React Context API and Reducers functions

Learn how to make network request using REST APIs

Learn how to Authenticate, use cloud storage and database using Firebase JS SDK

Learn how to use Gemini API

Requirements

Experience on Java Script is required

Description

Welcome!If you already know JavaScript and want to build real mobile apps for iOS and Android—without the pain of native setup—then React Native with Expo is your best friend. Expo is a framework and platform built around React Native that simplifies everything—from development to testing and deployment. No need to mess with Xcode or Android Studio just to get started.And with the Expo Go app, you can instantly preview your apps on your real device just by scanning a QR code. No build process, no waiting—just code and see it live. It’s the perfect way to prototype, test, and iterate faster. In this course, we’re leveraging the full power of Expo along with TypeScript to build professional, scalable apps. And now, let me walk you through what you'll learn in each section.Section 1: TypeScript Basics We begin with the essentials—TypeScript. You'll learn how to write safer, smarter, and more maintainable code right from the start.Section 2: Basic Components and Layouts You’ll get comfortable with React Native UI components like Text, Image, Pressable, FlatList, and Flexbox—learning how to build beautiful layouts that adapt to any screen.Section 3: State Management + BMI Calculator We introduce the useState hook through a fun and functional BMI Calculator App—your first React Native project!Section 4: Dice Game + Expo Router Build a fully interactive Dice Game using states and logic. Here, we also dive into expo-router to simplify navigation with a modern, file-based approach.Section 5: Weather App with Context API This section is packed! You’ll build a Weather App with current and forecast data, temperature conversion, city search, and device location detection—all while learning how to share state using the Context API.Section 6: Smart Contact App with Gemini + Firebase Here, we bring in AI and backend magic. Build a Smart Contact App that uses Gemini API to scan a business card and extract contact details. You’ll also implement Firebase Authentication, Firestore, and Storage for full cloud integration. By the end of this course, you'll be ready to build and ship real-world apps like a pro. So take it one step at a time, practice consistently, and don’t hesitate to reach out in the Q&A if you need help. Once again—welcome aboard, and let’s start building amazing mobile apps together!

Overview

Section 1: Introduction

Lecture 1 Welcome to this course

Section 2: The Typescript Basics

Lecture 2 Section Overview - What you will learn

Lecture 3 Typescript Playground

Lecture 4 Basic Primitive types - number string boolean

Lecture 5 Implicit and Explicit Type Assignment

Lecture 6 Template String

Lecture 7 Special Types - any unknown undefined null

Lecture 8 Typescript Array

Lecture 9 Typescript Tuples

Lecture 10 Typescript Object types

Lecture 11 Typescript Interface

Lecture 12 Create a Function

Lecture 13 Return a value from Function

Lecture 14 Named Function Parameters

Lecture 15 Optional Function Parameters

Lecture 16 Rest Parameters and Spread Syntax

Lecture 17 Arrow Functions and Function as Parameter

Lecture 18 Array Iteration using For Loop

Lecture 19 Array foreach method

Lecture 20 Array map method

Lecture 21 Array filter reduce every some methods

Lecture 22 Object String and Array Destructuring

Section 3: Welcome to React Native

Lecture 23 Setup Environment

Lecture 24 Run default project on Browser

Lecture 25 Install Expo Go on Android Device

Lecture 26 Anatomy of the Starter Code

Section 4: Components and Layouts

Lecture 27 Section Overview - Components and Layouts

Lecture 28 Code from Scratch - Text and View Component

Lecture 29 Show an Image and pass Props

Lecture 30 Component Size Matters

Lecture 31 Create Styles with Stylesheet

Lecture 32 Safe Area Context - Add our first external dependency

Lecture 33 Refract codes in separate file

Lecture 34 Flexbox and Flex

Lecture 35 Align the boxes along with the Axis

Lecture 36 Make UI responsive using Flex

Lecture 37 Exercise - Color Quadrant

Lecture 38 Color Quadrant exercise solution

Lecture 39 Load Asset Image

Lecture 40 Image Custom Shape

Lecture 41 Relative and Absolute Positioning

Lecture 42 Put title and subtitle for our Dachshund Page

Lecture 43 Import Vector Icons

Lecture 44 Use ScrollView Component

Lecture 45 Create a custom Header component

Lecture 46 Add Styles for custom Header Component

Lecture 47 Custom Component with children

Lecture 48 Download Android Studio

Lecture 49 Download Android SDK

Lecture 50 Install Android Emulator

Lecture 51 Run app on Emulator

Lecture 52 Generate Dynamic Components inside ScrollView

Lecture 53 FlatList Overview

Lecture 54 Movie App - Create a list of Movies

Lecture 55 Movie App - Custom Movie Component

Lecture 56 Movie App - Interaction with Pressable and Alert Component

Lecture 57 Download the complete project

Section 5: State Management

Lecture 58 Section Overview - State Management

Lecture 59 Create a Counter project

Lecture 60 Components are immutable

Lecture 61 Introducing useState Hook

Lecture 62 You can SKIP the next lecture

Lecture 63 The anatomy of useState Hook

Lecture 64 Update Styles using useState

Lecture 65 Group multiple state variables

Lecture 66 Performance Optimization - use of memo

Lecture 67 BMI Calculator - Textinput Component

Lecture 68 BMI Calculator - Show results

Lecture 69 BMI Calculator - Enable Next and Done button on the keyboard

Lecture 70 Download the complete project

Section 6: Project - Dice Game

Lecture 71 Section Overview - Project Dice Game

Lecture 72 Create Project and add libraries

Lecture 73 The app directory

Lecture 74 Add routes to Stack

Lecture 75 Navigate to a different route

Lecture 76 Design the Start Page

Lecture 77 Import image and audio assets

Lecture 78 Generate random dice images

Lecture 79 What is Side Effect

Lecture 80 Understand the Game Rules

Lecture 81 Evaluate Winner or Loser at first roll

Lecture 82 Add a RESET button

Lecture 83 Set and chase the Target

Lecture 84 Adjust the Game Point

Lecture 85 Finish the game when there is no Point

Lecture 86 Play game sounds with expo av

Lecture 87 Download the complete project

Section 7: Project - Weather App

Lecture 88 Section Overview - Project Weather App

Lecture 89 Open Weather Map APIs

Lecture 90 Add Dependencies

Lecture 91 Tab Bar and Tab Screens

Lecture 92 Set Background Image and customize Tab Bar Header

Lecture 93 Status bar bug fixed

Lecture 94 Define various weather types

Lecture 95 Write a function to fetch Current Weather

Lecture 96 Write a function to fetch Forecast Weather

Lecture 97 Silly Bug Fixed

Lecture 98 Context Provider - Review the Starter Project

Lecture 99 Context Provider - Understand the problem

Lecture 100 Context Provider - A brief introduction

Lecture 101 Context Provider - Create a simple context

Lecture 102 Context Provider - Update the Fruits app with Context

Lecture 103 Back to Weather App - Define some constants

Lecture 104 Define Weather Context and type

Lecture 105 Location Permission in Configuration File

Lecture 106 Detect user phone location

Lecture 107 Set Weather Context Provider as the Root Component

Lecture 108 Call the API functions from Provider

Lecture 109 Loading Error and Custom Text components

Lecture 110 Show Loading Component in Current Page

Lecture 111 Convert timestamp to date string

Lecture 112 Current Weather Page UI

Lecture 113 Forecast Weather Page UI

Lecture 114 Show City suggestions in Search Page

Lecture 115 Filter Suggestions List

Lecture 116 Convert City to Coordinates

Lecture 117 It works on Real Device

Lecture 118 Custom Temperature Switch Component

Lecture 119 Save unit to Async Storage

Lecture 120 Refresh Weather

Lecture 121 Download the complete project

Section 8: Project - Virtual Business Card Holder

Lecture 122 Section overview - Project Virtual Business Card

Lecture 123 Create Firebase Project

Lecture 124 Add Firebase to our project

Lecture 125 Initialize Firebase Auth with AsyncStorage

Lecture 126 Redirect User between routes

Lecture 127 Create Sign In Page

Lecture 128 Create Auth Context Provider

Lecture 129 Enable Email Password Provider in Firebase Console

Lecture 130 Sign In to app

Lecture 131 Sign out from app

Lecture 132 Add New Card Route

Lecture 133 Capture and Pick Image

Lecture 134 Get Gemini API Key and library

Lecture 135 Create Gemini Context Provider

Lecture 136 Gemini sample prompt for the next lecture

Lecture 137 Configure Gemini API model and prompt

Lecture 138 Gemini in Action

Lecture 139 Update Billing and Get Data

Lecture 140 Create Confirmation Page to show extracted data

Anyone with Web Development or Java Script experience who wants to build Android & iOS applications to level up skills.