The Ultimate React Native Series: Advanced Concepts

5h 28m 42s
English
Paid

Master advanced techniques and best practices for building professional-quality apps with React Native.

Course Overview

By the end of this course, you'll be able to:

  • Build mobile apps with React Native with confidence
  • Develop beautiful user interfaces
  • Create reusable components
  • Write clean, professional-grade code

Course Structure

This comprehensive course is divided into two parts: basics and advanced topics, each approximately 5 hours in length, ensuring easy completion.

Part One: Core Foundations

In the first section, you will gain an understanding of essential React Native skills:

  • Use essential tools for React Native development
  • Structure your React Native projects effectively
  • Run and debug apps with confidence
  • Understand and troubleshoot common errors
  • Work with core components and APIs
  • Create layouts using Flexbox
  • Build and utilize reusable components
  • Apply attractive styles to your components
  • Capture user input efficiently
  • Develop forms with Formik
  • Validate data utilizing Yup
  • Publish your applications using Expo
  • Implement React Native best practices
  • Write clean code like a professional
  • Utilize shortcuts to speed up your coding process

Part Two: Advanced Concepts

Enhance your skills with advanced topics, including:

  • Accessing native device features
  • Implementing navigation with React Navigation
  • Incorporating aesthetic tabs
  • Communicating with REST APIs
  • Uploading images with progress display
  • Building offline-capable apps
  • Caching data and images effectively
  • Implementing authentication and authorization
  • Managing push notifications
  • Logging and monitoring errors
  • Managing configuration settings across different environments
  • Building and distributing your applications

About the Author: codewithmosh (Mosh Hamedani)

codewithmosh (Mosh Hamedani) thumbnail
Hi! I am Mosh Hamedani! I am a passionate and pragmatic software engineer with 20 years of professional experience and I've taught over 10 million people how to code or how to become professional software engineers through my YouTube channel and online courses. I have a Bachelor of Science in Software Engineering and a Master of Science in Networks Systems. My mission is to make coding and software engineering accessible to everyone through courses that are simple to digest, and practical to implement.

Watch Online 110 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: 1- Introduction
All Course Lessons (110)
#Lesson TitleDurationAccess
1
1- Introduction Demo
00:56
2
2- Prerequisites
01:11
3
5- VSCode Code Snippet
01:23
4
1- Introduction
00:29
5
2- Device Features
02:16
6
3- Using ImagePicker
02:13
7
4- Requesting Permissions
05:33
8
5- Permissions Module
01:55
9
6- Accessing the Library
03:14
10
7- Exercises
02:13
11
8- Building ImageInput- Layout
03:57
12
9- Building ImageInput- Touches
05:55
13
10- Building ImageInputList- Basics
06:11
14
11- Building ImageInputList- Scrolling
04:19
15
12- Building FormImagePicker
04:59
16
13- Improving ListingEditScreen
02:34
17
14- Getting the User's Location
04:15
18
15- Building Custom Hooks
03:49
19
1- Introduction
00:33
20
2- Installing React Navigation
02:16
21
3- Stack Navigator
05:21
22
4- Navigating Between Screens
04:15
23
5- Passing Parameters to Routes
01:18
24
6- Setting Screen Titles
01:15
25
7- Customizing Headers
01:55
26
8- Creating a TabNavigator
02:43
27
9- Customizing Tabs
02:51
28
10- Nesting Navigators
01:46
29
11- Exercises
00:35
30
12- Building AuthNavigator
03:27
31
13- Navigation Theme
01:50
32
14- Building AppNavigator
02:01
33
15- Building FeedNavigator
05:09
34
16- Building AccountNavigator
02:50
35
17- Beautifying the Tabs
07:19
36
18- Refactoring Routes
02:01
37
1- Introduction
00:33
38
2- Setting Up the Backend
02:02
39
3- Calling APIs Using ApiSauce
02:56
40
4- Creating an API Layer
02:42
41
5- Fetching Data
03:08
42
6- Inspecting API Calls
02:58
43
7- Handling Errors
03:23
44
8- Simulating a Slow Connection
01:25
45
9- Showing an Activity Indicator
01:49
46
10- Building a Beautiful Activitiy Indicator
05:49
47
11- Creating a Reusable Hook
05:46
48
13- Extending the API Layer
04:12
49
14- Posting Data
03:32
50
15- Tracking Upload Progress
03:50
51
16- Building the Upload Screen
04:07
52
17- Adding a Progress Bar
02:26
53
18- Showing the Done Animation
03:32
54
19- Resetting the Form
04:04
55
1- Introduction
00:35
56
2- Strategies for Building Offline Capable Apps
01:03
57
3- Detecting Network Status
04:04
58
4- Caching
01:17
59
5- AsyncStorage
02:46
60
6- Inspecting AsyncStorage
01:11
61
7- The Cache Layer
02:02
62
8- Implementing a Cache Layer
07:42
63
9- Caching Successful Request Data
04:41
64
10- Caching Images
07:18
65
11- Caching with Redux
03:01
66
12- Storing User Actions When Offline
02:27
67
14- Showing an Offline Notice
05:54
68
1- Introduction
00:25
69
2- Authentication Providers
01:03
70
3- Authentication Flow
02:26
71
4- Authentication API
02:50
72
5- Getting the AuthToken
03:47
73
6- Extracting the User from the AuthToken
04:14
74
7- Storing the Current User
04:05
75
8- Getting the Current User
01:00
76
9- Logging Out the User
01:10
77
10- Persisting the Authentication State Across Restarts
07:59
78
11- Controlling the Splash Screen
03:12
79
12- Refactoring
03:15
80
13- Creating a Custom Hook
06:06
81
14- Calling Protected APIs
03:54
82
15- Exercise
00:59
83
16- Implementing the Registration
03:02
84
17- Showing an Activity Indicator
04:49
85
18- Adding an Overlay
04:29
86
1- Introduction (
00:23
87
2- Push Notification Services
01:19
88
3- Architecture
01:21
89
4- Getting a Push Notification Token
04:04
90
5- Storing the Push Notification Token
02:39
91
6- Sending Test Notifications
01:26
92
7- Sending Notifications on the Server
01:40
93
8- Handling Received Notifications
01:19
94
9- Navigation Upon Receiving a Notification
05:02
95
10- Creating a Custom Hook
02:14
96
11- Local Notifications
02:34
97
13- Building the Contact Form
01:44
98
1- Introduction
00:41
99
2- App Icon
01:14
100
3- Optimizing Assets
01:41
101
4- Optimizing JavaScript Bundle
03:14
102
5- Error Reporting
06:20
103
6- Environment Management
02:57
104
7- Publishing
01:58
105
8- Building Standalone Apps
01:03
106
9- Building the iOS App
05:11
107
10- Distributing to the App Store
04:10
108
11- Building the Android App (
04:20
109
13- Over-the-air Updates
01:31
110
15- Course Wrap Up
00:50
Unlock unlimited learning

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

Learn more about subscription