Develop & Deploy Mobile Apps with React Native & Expo

Course Curriculum

Chapter 1: Introduction & Installation

Lecture 1: Course Introduction

Lecture 2: About Your Instructor

Lecture 3: What is React Native

Lecture 4: Working of React Native apps

Lecture 5: Installation and Setup process for Local development

Chapter 2: Basics of React Native & Core Components

Lecture 1: Creating first React Native app and running on Phone

Lecture 2: Understanding files and folder structure

Lecture 3: React Native Core Components

Lecture 4: Styling components in React Native

Lecture 5: Do's and Don'ts while using React Native core components

Lecture 6: Do's and Don'ts while using Styling

Chapter 3: Developing Task Manager Mobile App

Lecture 1: Task Manager App Layout Styling

Lecture 2: Layout styling with Flexbox

Lecture 3: Dividing vertical spaces for different section

Lecture 4: Creating State Variables and Functions for Task and Tasklist

Lecture 5: Adding new task and Showing all Tasks on screen

Lecture 6: Styling the Task List section

Lecture 7: Making content scrollable with ScrollView

Lecture 8: FlatList vs ScrollView

Lecture 9: Exploring FlatList and its usage

Lecture 10: Creating new component Task Item

Lecture 11: Creating new Add Task Component

Lecture 12: Conditional or Dynamic Rendering

Lecture 13: Implement the Tap functionality for deleting a Task

Lecture 14: Implement Delete Task Logic

Lecture 15: Adding Validation for Mandatory fields

Lecture 16: Styling the Pressed Task

Lecture 17: Adding Modal Popup for Adding New Task

Lecture 18: Adding sliding animation to modal popup

Lecture 19: Styling Modal – Part-1

Lecture 20: Styling Modal – Part-2

Lecture 21: Hide Modal on cancel

Lecture 22: Adding Image to the App

Lecture 23: Build and Generate APK file for testing and production

Chapter 4: React Navigation and Routing

Lecture 1: Creating new react native app

Lecture 2: Building the new app

Lecture 3: Installing React Navigation Libraries

Lecture 4: Creating Home and Dashboard components with the help of VS code extension

Lecture 5: Adding Navigations and Default Navigation

Lecture 6: Navigate between components from Javascript

Lecture 7: Passing Data between components while navigating

Lecture 8: Implementing Go Back functionality

Lecture 9: Taking User Input and Sending it to Next Component

Chapter 5: Develop Movie App: Calling REST API from the App

Lecture 1: Create Movie component and add Routing

Lecture 2: Create movie search box and search button

Lecture 3: Write REST API call and Fetch all Matching Movies

Lecture 4: Looping through the Movie List and displaying all movies

Lecture 5: Showing Movie Image along with other information

Lecture 6: Create an Android Build and generate the APK file for your phone

Lecture 7: Downloading and Installing APK on your phone

Chapter 6: Source Code

Lecture 1: Project One Code

Lecture 2: Project Two Code