CF

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

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

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

Course content

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

Related courses

  • Testing React Native Apps thumbnailUpdated 2y ago

    Testing React Native Apps

    By: Simon Grimm
    Testing is an essential part of the React Native development process. It ensures that your app works as expected and that new features don’t break existing.
    1 hour 13 minutes 31 seconds 5 / 5
  • TanStack Query, Zustand & Animations thumbnailUpdated 1y ago

    TanStack Query, Zustand & Animations

    By: Simon Grimm
    Master the art of modern web development by diving deep into TanStack Query, Zustand, and animations.
    2 hours 9 minutes 53 seconds
  • React Native: Advanced Concepts thumbnailUpdated 2y ago

    React Native: Advanced Concepts

    By: Udemy, Stephen Grider
    All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples. In this course we'll build three se
    16 hours 35 minutes 38 seconds

Frequently asked questions

What is React Native Complete Guide 2023: Zero to Mastery about?
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…
Who teaches React Native Complete Guide 2023: Zero to Mastery?
React Native Complete Guide 2023: Zero to Mastery is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is React Native Complete Guide 2023: Zero to Mastery?
React Native Complete Guide 2023: Zero to Mastery contains 148 lessons with a total runtime of 14 hours 57 minutes. All lessons are available to watch online at your own pace.
Is React Native Complete Guide 2023: Zero to Mastery free to watch?
React Native Complete Guide 2023: Zero to Mastery is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch React Native Complete Guide 2023: Zero to Mastery online?
React Native Complete Guide 2023: Zero to Mastery is available to watch online on CourseFlix at https://courseflix.net/course/react-native-complete-guide-2023-zero-to-mastery. The page hosts every lesson with the integrated video player; no download is required.