Create Your First React Native App

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction

Lecture 2: Installing React Native

Lecture 3: Project Organization

Lecture 4: Source Code

Lecture 5: Package Versions

Lecture 6: Creating the Basic Screens

Chapter 2: Building the Contact List

Lecture 1: The Contacts Data

Lecture 2: API Overview: FlatList Component

Lecture 3: Exercise: Create a Basic FlatList

Lecture 4: Implementation: Create a Basic FlatList

Lecture 5: Organizing the Component Directory

Lecture 6: API Overview: StyleSheet & Flexbox

Lecture 7: API Overview: Platform

Lecture 8: Creating the Helper Functions

Lecture 9: Installing React Native Vector Icons

Lecture 10: API Overview: Icon Component

Lecture 11: Exercise: Create and Use a ListItem Component

Lecture 12: Implementation: Create and Use a ListItem Component

Chapter 3: Basics of Navigation

Lecture 1: Overview of and Installing React Navigation

Lecture 2: API Overview: StackNavigator

Lecture 3: Exercise: Defining a StackNavigator

Lecture 4: Implementation: Defining a StackNavigator

Lecture 5: API Overview: Navigate Function

Lecture 6: Exercise: Navigating Contacts to Details

Lecture 7: Implementation: Navigating Contacts to Details

Chapter 4: Building the User Details Screen

Lecture 1: API Overview: Screen Navigation Prop

Lecture 2: API Overview: Custom Navigation Bar Title

Lecture 3: Exercise: Create and Use a Header Component

Lecture 4: Implementation: Create and Use a Header Component

Lecture 5: API Overview: ScrollView Component

Lecture 6: Exercise: Create and Use an Actions Component

Lecture 7: Implementation: Create and Use an Actions Component

Lecture 8: Creating a Reusable Row Component

Lecture 9: Overview and Installation of Moment.js

Lecture 10: Exercise: Create and Use an Info Component

Lecture 11: Implementation: Create and Use an Info Component

Chapter 5: Tab Navigation

Lecture 1: API Overview: TabNavigator

Lecture 2: Exercise: Create and Use a TabNavigator

Lecture 3: Implementation: Create and Use a TabNavigator

Lecture 4: Exercise: StackNavigators for All Tabs

Lecture 5: Implementation: StackNavigators for All Tabs

Chapter 6: Drawer Navigator

Lecture 1: API Overview: Drawer Navigator

Lecture 2: Exercise: Creating the DrawerNavigator

Lecture 3: Implementation: Creating the DrawerNavigator

Lecture 4: Opening the Drawer from the Navigation Bar

Lecture 5: Tabs on iOS, Drawer on Android

Lecture 6: Exercise: A Better Navbar Drawer Button

Lecture 7: Implementation: A Better Navbar Drawer Button

Chapter 7: Building the Me Screen

Lecture 1: Importing the Data

Lecture 2: Exercise: Composing the Me Screen

Lecture 3: Implementation: Composing the Me Screen

Lecture 4: Exercise: Creating a Button Component

Lecture 5: Implementation: Creating a Button Component

Chapter 8: Building the Add Screen

Lecture 1: API Overview: TextInput

Lecture 2: Exercise: Creating a Custom TextInput

Lecture 3: Implementation: Creating a Custom TextInput

Lecture 4: Building a Form

Lecture 5: API Overview & Installation: React Native Keyboard Aware ScrollView

Lecture 6: Exercise: Using KeyboardAwareScrollView

Lecture 7: Implementation: Using KeyboardAwareScrollView

Lecture 8: Progressing From One Field to the Next

Chapter 9: Moving Forward

Lecture 1: Further Learning Resources