React native Expo for multiplatform mobile app development

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Run the app on emulator

Lecture 3: Expo folder structures

Lecture 4: React Native core component and Style

Lecture 5: React Native React Hook

Lecture 6: Use TextInput field to change state

Lecture 7: List view

Lecture 8: FlatList

Lecture 9: Touchable

Lecture 10: More on spread operator

Chapter 2: Create Todo Application to know the basics

Lecture 1: Todo Application part 1 : Basic layout and components

Lecture 2: Todo Application part 2 : Task component

Lecture 3: Todo Application part 3 : Add Input Field

Lecture 4: Todo Application part 4: Add simple validation Alert

Lecture 5: Todo Application part 5: Dismiss keyboard

Lecture 6: Todo Application part 6: Delete items

Lecture 7: Todo Application part 7: fix the off screen problem with flexBox

Chapter 3: Create Todo Application to know the navigation

Lecture 1: Start a new project and apply global style

Lecture 2: Setup the navigation

Lecture 3: Moving between screens

Lecture 4: Configuring the header

Lecture 5: Passing data to another screen

Lecture 6: Add Drawer Navigator

Lecture 7: Add Tab Navigator

Lecture 8: Diagram summary of Drawer, Stack and Tab Navigation

Chapter 4: Expo react native redux

Lecture 1: Simple explanatin of Redux

Lecture 2: Simple counter app to demonstrate Redux

Lecture 3: Something about arrow function

Lecture 4: Start the projection by using the navigation project

Lecture 5: Start the project and create action file

Lecture 6: Create the reducer

Lecture 7: Create the store

Lecture 8: Get the state

Lecture 9: Dispatch the ADD TASK action creator

Lecture 10: Dispatch the DELETE TASK action

Lecture 11: Dispatch the DID TASK action

Lecture 12: Create the done list

Lecture 13: Change the name of "About" to "Done"

Chapter 5: Create a Simple Chat App with Firebase and React Native Gifted chat

Lecture 1: The simple chat app introduction

Lecture 2: Init a new expo project and install the packages

Lecture 3: Add the Stack Navigator

Lecture 4: Create Login Screen

Lecture 5: Create Register Screen

Lecture 6: Add the firebase to the project

Lecture 7: Add the register function

Lecture 8: Detect the auth state change

Lecture 9: Create the signin function

Lecture 10: Create signout function

Lecture 11: Fix the two weird things in the navigation

Lecture 12: Start using React Native Gifted Chat

Lecture 13: Modify the gifted chat and send message function

Lecture 14: Fetch the messages from the firestore