The Complete React Native + Hooks Course

Course Curriculum

Chapter 1: Getting Started

Lecture 1: How to Get Help

Lecture 2: Course Resources

Lecture 3: Join Our Community!

Lecture 4: Course Overview

Lecture 5: Installing Node.js and Prerequisite Info

Lecture 6: Boilerplate Download and Startup

Lecture 7: App Setup

Lecture 8: Making Changes

Lecture 9: Expo for Web Browser – Do Not Skip

Lecture 10: Using iOS and Android Simulators

Chapter 2: Working with Content

Lecture 1: Overview of React Components

Lecture 2: Showing a Custom Component

Lecture 3: Common Questions and Answers

Lecture 4: Rules of JSX

Lecture 5: One Common Error

Lecture 6: JSX Exercise Overview

Lecture 7: JSX Solution

Chapter 3: List Building – With Style!

Lecture 1: Building Lists

Lecture 2: The FlatList Element

Lecture 3: Rendering a FlatList

Lecture 4: Why a Key Property?

Lecture 5: Solving the Key Issue

Lecture 6: A Few Props Around FlatList

Lecture 7: Exercise Overview

Lecture 8: Exercise Solution

Chapter 4: Navigating Users Between Screens

Lecture 1: Button Types

Lecture 2: Buttons in Action

Lecture 3: Touchable Opacity in Action

Lecture 4: Navigating with React Navigation

Lecture 5: Destructuring Props

Chapter 5: Building Reusable Components

Lecture 1: Component Reuse with Props

Lecture 2: Exercise Solution

Lecture 3: Parent-Child Relationships

Lecture 4: Communicating from Parent to Child

Lecture 5: Images Download

Lecture 6: Showing Images

Lecture 7: Passing Images as Props

Lecture 8: Exercise Outline

Lecture 9: Exercise Solution

Chapter 6: State Management in React Components

Lecture 1: State in Components

Lecture 2: Screen Boilerplate

Lecture 3: State in Action

Lecture 4: Notes on State

Lecture 5: App Overview

Lecture 6: Generating Random Colors

Lecture 7: Adding Random Colors

Lecture 8: Showing Colors with a FlatList

Lecture 9: App Overview

Lecture 10: Reusable Color Adjusters

Lecture 11: Coordinating State

Lecture 12: Passing Callbacks to Children

Lecture 13: Tying State Values Together

Lecture 14: Validating State Changes

Lecture 15: Reusable State Updates

Lecture 16: Introduction to Reducers

Lecture 17: Creating a Reducer

Lecture 18: Applying State with a Reducer

Lecture 19: Restoring Validation

Lecture 20: Community Convention in Reducers

Lecture 21: Exercise Outline

Lecture 22: Exercise Solution

Lecture 23: Handling Text Input

Lecture 24: Showing a Text Input

Lecture 25: Two Important Props

Lecture 26: Weird Things with Text and State

Lecture 27: Updating State

Lecture 28: Exercise Outline

Lecture 29: Exercise Solution

Chapter 7: How to Handle Screen Layout

Lecture 1: Layout with React Native

Lecture 2: Basics of Box Object Model

Lecture 3: AlignItems with Flex

Lecture 4: Flex Direction

Lecture 5: Justify Content

Lecture 6: Flex Values

Lecture 7: Align Self on Children

Lecture 8: The Position Property

Lecture 9: Top, Bottom, Left, Right

Lecture 10: Absolute Fill Objects

Lecture 11: Applying Layout Systems

Lecture 12: Exercise Overview

Lecture 13: Exercise Solution

Chapter 8: Putting It All Together – Restaurant Search App

Lecture 1: App Overview

Lecture 2: Important Note About Project Generation

Lecture 3: Project Generation

Lecture 4: Yelp API Info and Workarounds

Lecture 5: Yelp Signup

Lecture 6: Yelp Walkthrough

Lecture 7: React Navigation

Lecture 8: Required React Navigation Installation Update

Lecture 9: Assembling a Navigator

Lecture 10: Architecture Approach

Lecture 11: Starting the SearchBar