Complete React Native Course From Zero To Mastery

Course Curriculum

Chapter 1: Introduction to React Native

Lecture 1: Introduction

Chapter 2: Environment Setup

Lecture 1: React Native Environment Setup in Windows

Chapter 3: Getting Started

Lecture 1: React Native Make Your First Program

Lecture 2: React Native App File Structures

Chapter 4: Basic Components

Lecture 1: React Native Basics: Text, View, and Button UI

Lecture 2: Introduction to JSX in React Native: What is JSX?

Lecture 3: Understanding Components in React Native

Lecture 4: Handling Buttons and onPress Events in React Native

Chapter 5: State and Props

Lecture 1: React Native State

Lecture 2: React Native Props

Lecture 3: State and Props in Class Component

Chapter 6: Form Handling

Lecture 1: Handling Text Input in React Native

Lecture 2: Handling Forms in React Native

Chapter 7: Mastering List Rendering: Map Function, FlatList, and SectionList

Lecture 1: FlatList in React Native

Lecture 2: Creating Lists with Map Function

Lecture 3: Grid Layout in React Native

Lecture 4: Component Loop with FlatList

Lecture 5: Section List in React Native

Chapter 8: Class Components and State Management: Fundamentals, State, and Lifecycle Method

Lecture 1: Class Components in React Native

Lecture 2: State and Props in Class Components

Lecture 3: Lifecycle Methods in React Native

Lecture 4: Hooks & useState Hook | Build Counter App

Chapter 9: useEffect Hook Lifecycle Methods & Rendering and Styling:

Lecture 1: Component Did Mount

Lecture 2: Component Did Update

Lecture 3: Conditional Rendering

Lecture 4: Component Will Unmount

Lecture 5: Responsive Layout with Flexbox

Lecture 6: Button Styling with TouchableOpacity and TouchableHighlight

Chapter 10: UI Components

Lecture 1: Custom Radio Buttons

Lecture 2: Dynamic Radio Buttons

Lecture 3: Activity Indicator (Loader)

Lecture 4: Dialog Box and Modal

Lecture 5: Pressable Component Overview

Lecture 6: Mastering the Status Bar Component

Lecture 7: Using the Platform Module in React Native

Lecture 8: Building Custom Dialog Boxes in React Native

Lecture 9: Installing NPM Packages & Converting Websites to Apps in React Native

Chapter 11: Navigation

Lecture 1: React Native Navigation Introduction

Lecture 2: Stack Navigator Setup

Lecture 3: Customizing Stack Navigator: Header Title, Background Color, and Visibility

Lecture 4: Customizing Stack Navigation: Changing Header Buttons and Components

Lecture 5: Passing Data Between Screens in React Native Navigation

Lecture 6: Implementing Bottom Tab Navigation in React Native

Lecture 7: Implementing Material Top Tab Navigator in React Native

Lecture 8: Implementing Drawer Navigator in React Native

Lecture 9: How to Make Custom Drawer Navigations in React Native

Chapter 12: API Integration in React Native

Lecture 1: Making Simple API Calls in React Native

Lecture 2: Rendering API Data with the Map Method in React Native

Lecture 3: Fetching API Data and Rendering with FlatList in React Native

Chapter 13: Building and Testing JSON Server

Lecture 1: How to Build JSON Server in React Native

Lecture 2: Test JSON Server API With Postman

Chapter 14: Advanced API Operations

Lecture 1: Fetching Data from Localhost APIs in React Native via IP Address or NGROK

Lecture 2: POST API Method in React Native with JSON Server

Lecture 3: Create a Form and Perform POST Method in React Native using Fetch and JSON Serve

Lecture 4: Simple Form Validation in React Native

Lecture 5: GET Request with JSON API and Render Data in Table Using FlatList

Lecture 6: Implementing Delete API Method in Table

Lecture 7: Passing Data to Models in React Native

Lecture 8: Populating Data in Input Fields within Modals

Lecture 9: Implementing PUT API Method in React Native

Chapter 15: Miscellaneous

Lecture 1: Using the useRef Hook in React Native

Lecture 2: Debugging React Native Apps: Using Element Inspector

Lecture 3: How to Setup React Native Vector Icons

Lecture 4: How to Add Custom Fonts in React Native

Lecture 5: How to Generate APK and AAB App Bundle Files in React Native

Lecture 6: How to Setup React Native Vector Icons

Lecture 7: How to Use Tailwind CSS in Your React Native CLI App

Lecture 8: Mastering API Requests in React Native Using Fetch and Axios