React Native Complete Guide 2023: Basic To Advanced Features

Everything you need to know to build cross-platform enterprise apps (incl. Hooks, Redux, Firebase, Rest API, Publishing)

What you'll learn

Learn the Javascript and React Native basics for mobile app development on Android & iOS

Learn to build both bare React Native and Expo apps, and reveal the differences between React Native CLI & Expo

Learn using React Hooks & React Context (useState, useEffect, useContext, useSelector, useDispatch, etc.)

Integrate Native Libraries, such as Maps, Social share, Firebase

Learn how to handle REST APIs integration and find out about open source APIs

Use different navigators of React Navigation, such as Stack, Tabs and Drawer navigators

Integrate Firebase in your app and learn about serverless apps

Handle Redux integration for global state management and API Calls

Get introduced to how user authentication works in the apps

Learn what is git, why people use it and learn the basic commands of git

Setup basic React Native tools for the best developer experience

Requirements

No previous experience required. Basic knowledge of Javascript will be helpful.

Description

Want to launch and grow your career as a mobile app developer? This course is for you!This course covers all the topics that you need to know to build enterprise cross-platform mobile apps for Android and iOS.Want to learn about Navigation? Covered. Integrate Redux and compare to React Context? Sure! Use REST APIs and even Firebase Databases? Included. Does it include User Authentication? Of course!We'll start by mastering the fundamentals of React, including JSX, props, state and styles. And of course, hooks will be used for the reusable functional components. Besides that, basics of class components will be presented as that is something you may encounter in legacy code. We will also learn the basics of git and the source code will be provided in git provided for each section, so you can follow the code there as well. The course will cover creating many different reusable components which will be reused in the apps included in the course, as well as you can use them for your own personal projects later.React Native is a great choice for developing cross-platform mobile apps on Android, iOS and even Web. With single source code you are able to build mobile app for multiple platforms. And the amazing part is that it feels like a native app as it's based on native modules. And on top of that, it brings more advantages to mobile app development which aren't even possible in native apps like over-the-air updates, etc. This is due to the fact that it is using Javascript, which is the most popular programming language and you can achieve a lot with that - from web development to mobile and to backend.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Why to Choose React Native

Lecture 3 What We Will Build

Section 2: React Native Tools Setup

Lecture 4 Node & NPM Install

Lecture 5 JDK & Android Studio Setup

Lecture 6 Android SDK Path

Lecture 7 Ruby Installation

Lecture 8 iOS Tools Setup

Lecture 9 Validate Setup with Test Project

Section 3: Travel App: Basics of React Native

Lecture 10 App Overview

Lecture 11 Project Setup

Lecture 12 Running on Android

Lecture 13 Running on iOS

Lecture 14 Understanding SafeAreaView

Lecture 15 Styles Explained

Lecture 16 ESLint Setup

Lecture 17 Creating First Component

Lecture 18 Imports & Exports

Lecture 19 Component Props

Lecture 20 Component State and useState Hook Explained

Lecture 21 UseEffect Explained

Lecture 22 React.memo Explained

Section 4: Git Basics

Lecture 23 Initialize Git

Lecture 24 Git Committing & Pushing

Lecture 25 Exploring Remote Commits

Lecture 26 Git Branches

Section 5: Travel App: Build Main Screen

Lecture 27 Create Different Instances of Title

Lecture 28 Building Categories List

Lecture 29 Making Category Selectable

Lecture 30 Creating Attraction Card

Lecture 31 Use JSON Data for Lists (ScrollView)

Lecture 32 Using FlatList

Lecture 33 Filtering By Categories

Section 6: Travel App: Introduction to App Navigation

Lecture 34 Introduction to React Navigation

Lecture 35 Navigation Setup

Lecture 36 Hiding Navigation Header

Lecture 37 Navigating Between Screens

Lecture 38 Passing Parameters to Screens

Lecture 39 Handling Back Events

Section 7: Travel App: Build Detail Screens

Lecture 40 Using ImageBackground

Lecture 41 Adding Actions inside ImageBackground

Lecture 42 Building Mini Image Gallery

Lecture 43 Handling Hidden Images

Lecture 44 Adding Texts Section

Lecture 45 Creating InfoCard Component

Lecture 46 Controlling App Theme

Lecture 47 Building Gallery Screen

Section 8: Travel App: Native Libraries (Maps & Social Share)

Lecture 48 What are Native Libraries?

Lecture 49 Installing Maps Package

Lecture 50 Getting API Key for Google Maps

Lecture 51 Add Map to Attraction Screen

Lecture 52 Show Marker in the Map

Lecture 53 Implement Full Screen Map

Lecture 54 Checking Maps on Android

Lecture 55 Share Package Options

Lecture 56 Installing Share Package

Lecture 57 Encoding Base64 Images

Lecture 58 Extracting Image Extension

Lecture 59 App Summary: Minute of Appreciation

Section 9: Recipes App: Expo Basics

Lecture 60 App Overview

Lecture 61 Expo vs. React Native CLI

Lecture 62 Create Expo Project

Lecture 63 Expo Config Customization

Lecture 64 Building Splash Screen & Button

Lecture 65 Finalizing Screen Layout

Lecture 66 Integrate Navigation

Lecture 67 Fix some UI issues

Section 10: Recipes App: Home Screen

Lecture 68 Customizing Navigation Header

Lecture 69 Custom Back Icon

Lecture 70 Changing App Theme

Lecture 71 Building Input

Lecture 72 Making Pressable Input

Lecture 73 Reusing Components

Lecture 74 Create RecipeCard

Lecture 75 Add RecipeCard Image

Lecture 76 Add Rating

Lecture 77 Show Recipes in List

Lecture 78 Create Card Component

Section 11: Recipes App: REST API Integration

Lecture 79 REST APIs Explained

Lecture 80 HTTP Methods Explained

Lecture 81 Overview of the Tasty API

Lecture 82 Integrating REST APIs

Lecture 83 Using React Context

Lecture 84 Move Server Call to App.js

Lecture 85 Fetching Healthy Recipes

Lecture 86 Displaying Healthy Recipes

Lecture 87 Displaying All Recipes

Lecture 88 Extracting Tags from Data

Lecture 89 Capitalizing String

Section 12: Recipes App: Search

Lecture 90 Search Overview

Lecture 91 Input Autofocus

Lecture 92 Showing Recipes in Columns

Lecture 93 Retrieving Input Value

Lecture 94 Implement Search

Lecture 95 Final Touches for Search

Section 13: Recipes App: Details Screen

Lecture 96 Setting up Details Screen

Lecture 97 Showing Nutrition Data

Lecture 98 Showing Instructions

Lecture 99 Check iOS & Category Filtering Logic

Section 14: Tasks App: Authentication Screens

Lecture 100 App Overview

Lecture 101 Initialize Git

Lecture 102 Build Onboarding Screen

Lecture 103 Button Types

Lecture 104 Navigation Setup

Lecture 105 Build Login Screen

Lecture 106 Build Signup Screen

Lecture 107 Create Checkbox

Lecture 108 PP & TC Links Redirection

Lecture 109 Configuring Input Types

Section 15: Tasks App: Auth with Firebase

Lecture 110 Firebase Project Setup

Lecture 111 React Native Firebase Installation

Lecture 112 Fix Hermes Issue

Lecture 113 Authentication Status Check

Lecture 114 Create Account with Firebase

Lecture 115 Add Logout Option

Lecture 116 Add Name to User

Lecture 117 Sign in with Existing User

Lecture 118 Checking Firebase Data

Section 16: Tasks App: Drawer & Tab Navigators

Lecture 119 Navigators Setup

Lecture 120 Change Tab Icons

Lecture 121 Change the Theme & Check Android

Lecture 122 Custom Drawer Menu

Lecture 123 Custom Header

Lecture 124 Sticky Plus Icon

Lecture 125 Add Back Icon

Section 17: Tasks App: Adding Tasks

Lecture 126 Customize Title

Lecture 127 Outlined Input

Lecture 128 Reuse Categories

Lecture 129 Fix Category Spacing

Lecture 130 Add DatePicker

Lecture 131 Form Validation

Lecture 132 Intro to Firebase Databases

Lecture 133 Adding Loader

Section 18: Tasks App: Displaying Tasks

Lecture 134 Setting up Redux

Lecture 135 Dealing with Firestore Queries

Lecture 136 Storing Tasks in Redux

Lecture 137 Displaying Task List

Lecture 138 Crossed Line for Checked Tasks

Lecture 139 Filtering Tasks

Lecture 140 Updating Data

Lecture 141 Displaying Home Cards

Lecture 142 Categorizing Tasks

Lecture 143 Last Chunk of Code

Section 19: Tasks App: Deploying to Stores

Lecture 144 Changing App Icons

Lecture 145 Customizing LaunchScreen

Lecture 146 Creating app on App Store

Lecture 147 Deploying to App Store - part 1

Lecture 148 Deploying to App Store - part 2

Beginner Javascript/React/React Native Developers curious about mobile app development,React Native Developers who want to learn some more advanced topics, such as Firebase Integration, React Native CLI vs. Expo, etc.