React Native Tutorial Guide

Complete Course Structure (2026)

Organized by Module and Topic with Video References

Table of Contents
1. Module 1: Fundamentals & Setup
2. Module 2: Core Components & JSX
3. Module 3: State Management & Hooks
4. Module 4: Styling & UI Components
5. Module 5: Lists & Data Display
6. Module 6: Forms & User Input
7. Module 7: Class Components & Lifecycle
8. Module 8: API Integration
9. Module 9: Platform & Device
10. Module 10: Navigation
11. Module 11: Data Persistence
12. Module 12: State Management
13. Module 13: Styling & Animation
14. Module 14: Backend & Database
15. Module 15: Deployment & Publishing
Module 1: Fundamentals & Setup

• Introduction & Installation

Video #1: React Native Tutorial #01: Introduction | Best Choice for Mobile App Development 2026
Video #2: React Native Tutorial #02: Installation of React Native CLI on Windows | Step by Step Setup 2024

• Project Structure

Video #3: React Native Tutorial #03: File & Folder Structure Explained 2024
Module 2: Core Components & JSX

• Basic Components

Video #4: React Native Tutorial #04: View, Text & Button Components | GitHub Integration 2024
Video #5: React Native Tutorial #05: What is Component in React Native
Video #6: React Native Tutorial #06: What is JSX in React Native? JavaScript Syntax Extension
Video #7: React Native Tutorial #07: Button Component with onPress Event

• Input Components

Video #10: React Native Tutorial #10: Text Input Component with onChangeText Event
Module 3: State Management & Hooks

• State & Props

Video #8: React Native Tutorial #08: What is useState Hook? | State Vs Variable 2024
Video #9: React Native Tutorial #09: What is Props? How to Send Data From Parent To Child Component

• useEffect Lifecycle

Video #19: React Native Tutorial #19: useEffect Hook for Mounting Phase | Life Cycle Methods
Video #20: React Native Tutorial #20: useEffect Hook for Updating Phase | State & Props 2024
Video #21: React Native Tutorial #21: useEffect Hook for Unmounting Phase 2024

• useRef Hook

Video #27: React Native Tutorial #27: What is useRef Hook? How to use useRef Hook?
Module 4: Styling & UI Components

• Styling Methods

Video #11: React Native Tutorial #11: Styling in React Native | Inline, Internal & External | StyleSheet

• Interactive Components

Video #22: React Native Tutorial #22: Hide, Show & Toggle Button Functionalities 2024
Video #23: React Native Tutorial #23: TouchableOpacity Vs TouchableHighlight | Button Styling
Video #25: React Native Tutorial #25: Pressable Button | onPress, onPressIn, onPressOut, onPressLong

• UI Elements

Video #24: React Native Tutorial #24: Create a Beautiful Loader with ActivityIndicator
Video #26: React Native Tutorial #26: How to Style Status Bar in React Native 2024
Video #28: React Native Tutorial #28: How to Create Dialog Box | Modal in React Native
Video #29: React Native Tutorial #29: How to use Alert Component in React Native
Video #62: React Native Tutorial #62: How to Create Switch UI Button in React Native
Module 5: Lists & Data Display

• List Components

Video #12: React Native Tutorial #12: Display Data in List with FlatList Component 2024
Video #13: React Native Tutorial #13: SectionList Component | Display Nested Array Data
Video #15: React Native Tutorial #15: How to Display Custom Component using FlatList Component

• Grid & Layout

Video #16: React Native Tutorial #16: Create Beautiful Grid with map() & ScrollView

• Fetch & Display

Video #36: React Native Tutorial #36: Fetch Data and Display in List using Axios & FlatList
Module 6: Forms & User Input

• Form Creation

Video #14: React Native Tutorial #14: How to Create Login Form UI in React Native CLI

• Search Functionality

Video #38: React Native Tutorial #38: Create a Beautiful Search Bar with Functionality 2024
Module 7: Class Components & Lifecycle

• Class Components

Video #17: React Native Tutorial #17: Class Components in React Native | State & Props
Video #18: React Native Tutorial #18: Life Cycle Methods in React Native Explained 2024
Module 8: API Integration

• API Fundamentals

Video #30: React Native Tutorial #30: What is API? How to Install JSON Server 2024

• HTTP Methods

Video #31: React Native Tutorial #31: GET API Method | Axios Vs Fetch | Fix Network Request Failed Error
Video #32: React Native Tutorial #32: POST API Method with Axios 2024
Video #33: React Native Tutorial #33: PUT API Method | Update Data with Axios 2024
Video #34: React Native Tutorial #34: PATCH API Method with Axios | PUT Vs PATCH
Video #35: React Native Tutorial #35: How to delete data using DELETE API Method with Axios
Module 9: Platform & Device

• Platform-Specific Code

Video #37: React Native Tutorial #37: Platform-Specific Code in React Native with Platform Component

• Media Components

Video #47: React Native Tutorial #47: Image & ImageBackground Components

• System Issues

Video #54: React Native Tutorial #54: Fix Android Emulator Internet Issues | No Internet Access Solved
Module 10: Navigation

• Navigation Setup

Video #39: React Native Tutorial #39: React Navigation in React Native | Installation & Setup 2024

• Stack Navigation

Video #40: React Native Tutorial #40: Passing Data Between Screens in Stack Navigation | React Navigation
Video #41: React Native Tutorial #41: Styling with Stack Navigation | React Navigation
Video #42: React Native Tutorial #42: Component Rendering with Stack Navigation | React Navigation

• Navigation Types

Video #43: React Native Tutorial #43: Drawer Navigation in React Navigation 2024
Video #44: React Native Tutorial #44: Bottom Tab Navigation in React Navigation 2024
Video #45: React Native Tutorial #45: Top Tab Navigation in React Navigation
Module 11: Data Persistence

• Local Storage

Video #46: React Native Tutorial #46: Async Storage in React Native 2024
Module 12: State Management

• Context API

Video #48: React Native Tutorial #48: Context API | Solve Prop Drilling with useContext Hook

• Redux & Zustand

Video #49: React Native Tutorial #49: Redux Toolkit in React Native 2024
Video #50: React Native Tutorial #50: Zustand | A State Management Library for React Apps
Module 13: Styling & Animation

• Modern Styling

Video #51: React Native Tutorial #51: NativeWind in React Native CLI | Login Form UI 2024

• Animations

Video #52: React Native Tutorial #52: Reanimated Installation | Animated Flip Card UI
Module 14: Backend & Database

• Firebase Setup

Video #53: React Native Tutorial #53: Firebase Setup & Introduction | Step-by-Step Guide for Beginners 2024

• Authentication

Video #55: React Native Tutorial #55: Firebase Authentication | Email Verification 2024
Video #56: React Native Tutorial #56: Firebase Sign-In Authentication in React Native 2024
Video #57: React Native Tutorial #57: Firebase Reset Password | Forgot Password 2024

• Database Operations

Video #58: React Native Tutorial #58: Firebase Firestore CRUD | Firebase Firestore Database 2024
Video #59: React Native Tutorial #59: Firebase Realtime Database | CRUD Operations 2024
Module 15: Deployment & Publishing

• App Configuration

Video #60: React Native Tutorial #60: Change App Icon & Name Easily 2024
Video #61: React Native Tutorial #61: Splash Screen in React Native 2024
Course Summary

Category Details

Total Videos 62
Total Modules 15
Course Level Beginner to Advanced
Language Hindi/Urdu
Topics Covered React Native CLI, Expo, Components, Hooks, State Management, Navigation, API Integr
Last Updated January 6, 2026
Channel The Techzeen

Learning Path Recommendation:

1. Start with Module 1-3 to understand fundamentals