React Native Complete Guide 2023: Zero to Mastery

14h 57m 5s
English
Paid

Course description

Want to launch and grow your career as a mobile app developer? Learn everything you need to know about React native? 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.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 148 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online React Native Complete Guide 2023: Zero to Mastery

0:00
/
#1: Introduction

All Course Lessons (148)

#Lesson TitleDurationAccess
1
Introduction Demo
02:49
2
Why to Choose React Native
02:26
3
What We Will Build
02:54
4
Node & NPM Install
07:09
5
JDK & Android Studio Setup
06:37
6
Android SDK Path
02:55
7
Ruby Installation
04:02
8
iOS Tools Setup
04:23
9
Validate Setup with Test Project
02:58
10
App Overview
01:49
11
Project Setup
06:04
12
Running on Android
04:00
13
Running on iOS
04:33
14
Understanding SafeAreaView
04:52
15
Styles Explained
05:28
16
ESLint Setup
06:45
17
Creating First Component
08:26
18
Imports & Exports
04:26
19
Component Props
04:47
20
Component State and useState Hook Explained
10:13
21
UseEffect Explained
07:55
22
React.memo Explained
04:15
23
Initialize Git
06:24
24
Git Committing & Pushing
06:10
25
Exploring Remote Commits
02:38
26
Git Branches
08:17
27
Create Different Instances of Title
08:17
28
Building Categories List
16:12
29
Making Category Selectable
07:55
30
Creating Attraction Card
15:32
31
Use JSON Data for Lists (ScrollView)
09:15
32
Using FlatList
12:36
33
Filtering By Categories
05:51
34
Introduction to React Navigation
04:51
35
Navigation Setup
11:45
36
Hiding Navigation Header
02:28
37
Navigating Between Screens
03:16
38
Passing Parameters to Screens
02:18
39
Handling Back Events
03:13
40
Using ImageBackground
05:10
41
Adding Actions inside ImageBackground
09:19
42
Building Mini Image Gallery
04:29
43
Handling Hidden Images
06:21
44
Adding Texts Section
07:08
45
Creating InfoCard Component
07:27
46
Controlling App Theme
02:43
47
Building Gallery Screen
09:55
48
What are Native Libraries?
04:11
49
Installing Maps Package
07:43
50
Getting API Key for Google Maps
03:16
51
Add Map to Attraction Screen
05:06
52
Show Marker in the Map
05:26
53
Implement Full Screen Map
14:59
54
Checking Maps on Android
01:31
55
Share Package Options
02:14
56
Installing Share Package
06:38
57
Encoding Base64 Images
09:43
58
Extracting Image Extension
03:39
59
App Summary: Minute of Appreciation
01:26
60
App Overview
01:14
61
Expo vs. React Native CLI
06:19
62
Create Expo Project
05:26
63
Expo Config Customization
04:36
64
Building Splash Screen & Button
17:23
65
Finalizing Screen Layout
06:41
66
Integrate Navigation
08:02
67
Fix some UI issues
01:27
68
Customizing Navigation Header
03:12
69
Custom Back Icon
06:51
70
Changing App Theme
03:16
71
Building Input
08:59
72
Making Pressable Input
05:24
73
Reusing Components
06:48
74
Create RecipeCard
15:39
75
Add RecipeCard Image
03:28
76
Add Rating
09:00
77
Show Recipes in List
04:07
78
Create Card Component
08:54
79
REST APIs Explained
04:29
80
HTTP Methods Explained
04:20
81
Overview of the Tasty API
10:54
82
Integrating REST APIs
07:50
83
Using React Context
06:29
84
Move Server Call to App.js
01:01
85
Fetching Healthy Recipes
08:14
86
Displaying Healthy Recipes
05:52
87
Displaying All Recipes
04:28
88
Extracting Tags from Data
06:30
89
Capitalizing String
01:14
90
Search Overview
01:27
91
Input Autofocus
01:54
92
Showing Recipes in Columns
03:28
93
Retrieving Input Value
02:46
94
Implement Search
04:57
95
Final Touches for Search
03:22
96
Setting up Details Screen
08:00
97
Showing Nutrition Data
10:35
98
Showing Instructions
07:55
99
Check iOS & Category Filtering Logic
06:58
100
App Overview
02:14
101
Initialize Git
02:27
102
Build Onboarding Screen
16:43
103
Button Types
01:49
104
Navigation Setup
09:19
105
Build Login Screen
11:58
106
Build Signup Screen
03:28
107
Create Checkbox
08:38
108
PP & TC Links Redirection
08:28
109
Configuring Input Types
04:32
110
Firebase Project Setup
06:29
111
React Native Firebase Installation
10:25
112
Fix Hermes Issue
01:06
113
Authentication Status Check
06:09
114
Create Account with Firebase
08:43
115
Add Logout Option
01:22
116
Add Name to User
03:33
117
Sign in with Existing User
04:52
118
Checking Firebase Data
01:35
119
Navigators Setup
12:29
120
Change Tab Icons
05:46
121
Change the Theme & Check Android
03:11
122
Custom Drawer Menu
08:58
123
Custom Header
07:49
124
Sticky Plus Icon
06:01
125
Add Back Icon
03:49
126
Customize Title
03:06
127
Outlined Input
05:14
128
Reuse Categories
08:51
129
Fix Category Spacing
02:35
130
Add DatePicker
12:50
131
Form Validation
08:35
132
Intro to Firebase Databases
07:00
133
Adding Loader
04:45
134
Setting up Redux
12:10
135
Dealing with Firestore Queries
07:49
136
Storing Tasks in Redux
03:42
137
Displaying Task List
04:09
138
Crossed Line for Checked Tasks
01:01
139
Filtering Tasks
05:06
140
Updating Data
07:34
141
Displaying Home Cards
06:55
142
Categorizing Tasks
09:13
143
Last Chunk of Code
04:40
144
Changing App Icons
05:47
145
Customizing LaunchScreen
02:59
146
Creating app on App Store
06:21
147
Deploying to App Store - part 1
05:09
148
Deploying to App Store - part 2
05:04

Unlock unlimited learning

Get instant access to all 147 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build a React Native app with Claude AI

Build a React Native app with Claude AI

Sources: designcode.io
This comprehensive course is dedicated to integrating advanced AI tools into the workflow of development in React Native, which allows for a radical change in a
13 hours 53 minutes 10 seconds
Master React Native Navigation

Master React Native Navigation

Sources: Simon Grimm
Unlock the secrets of seamless navigation in React Native apps with our in-depth course, “Master React Native Navigation.” Learn how to craft intuitive...
1 hour 13 minutes 29 seconds
React Native Firebase Chat with Expo Router

React Native Firebase Chat with Expo Router

Sources: Simon Grimm
Dive into the world of mobile app development with our comprehensive course, “React Native Firebase Chat with Expo Router.” Learn how to use Firebase as the...
1 hour 55 minutes 26 seconds
Animations with Reanimated

Animations with Reanimated

Sources: Simon Grimm
Step into the vibrant world of React Native animations with our comprehensive course, “Animations with Reanimated.” Learn how to craft fluid, engaging...
1 hour 14 minutes 21 seconds
The Ultimate React Native Series: Advanced Concepts

The Ultimate React Native Series: Advanced Concepts

Sources: codewithmosh (Mosh Hamedani)
Master advanced techniques and best practices for building professional-quality apps.
5 hours 28 minutes 42 seconds