React Native Complete Guide 2023: Zero to Mastery

14h 57m 5s
English
Paid

Ready to kickstart and elevate your career as a mobile app developer? Discover everything you need about React Native with this comprehensive course designed just for you. Master the essentials to build enterprise-level, cross-platform mobile applications for Android and iOS.

Course Highlights

This course offers extensive coverage on crucial topics, ensuring you're well-equipped to develop robust mobile applications:

  • Navigation Mastery: Get to grips with implementing seamless navigation flows.
  • State Management: Dive into integrating Redux and comparing it to React Context.
  • Data Handling: Learn to work with REST APIs and Firebase Databases.
  • User Management: Implement User Authentication in your apps.

Foundational Knowledge

React Fundamentals

We'll begin by mastering the basics of React, including JSX, props, state, and styles. You'll also learn how to use hooks to create reusable functional components.

Legacy Code Acumen

The course also includes an overview of class components, which you might encounter while working with legacy code.

Version Control with Git

Master the basics of git—each section of the course is supported by source code provided in git repositories, allowing you to follow along and practice effectively.

Component Reusability

As part of this course, you'll create various reusable components that you'll not only use within the course projects but can also incorporate into your personal projects moving forward.

Why Choose React Native?

React Native is an excellent platform for developing cross-platform mobile apps for Android, iOS, and even the Web. With a single codebase, you can create apps that render like native applications, thanks to the underlying native modules.

Moreover, React Native offers benefits beyond traditional native apps, like over-the-air updates, by leveraging JavaScript—the most popular programming language that powers web, mobile, and backend development.

About the Author: udemy

udemy thumbnail
By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams. Udemy is the leading global marketplace for teaching and learning, connecting millions of students to the skills they need to succeed. Udemy helps organizations of all kinds prepare for the ever-evolving future of work. Our curated collection of top-rated business and technical courses gives companies, governments, and nonprofits the power to develop in-house expertise and satisfy employees’ hunger for learning and development.

Watch Online 148 lessons

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
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