The Ultimate React Native Series: Advanced Concepts

05:28:42 Inglés Premium 06/06/2024 110 videos

Descripción del curso

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

By the end of this course… You’ll be able to:

Build mobile apps with React Native with confidence
Build beautiful user interfaces
Build reusable components
Write clean code like a pro

What You'll Learn This course is divided into two parts: basics and advanced topics. Each part is about 5 hours long so you can easily complete it. In the first part, you'll learn how to:

Use essential tools for React Native development
Properly structure your React Native projects
Run and debug your React Native apps
Understand and troubleshoot common errors
Work with the core components and APIs
Build layouts with Flexbox
Build reusable components
Apply beautiful styles to your components
Get input from the user
Build forms with Formik
Implement data validation with Yup
Publish your apps to Expo
Apply React Native best practices
Write clean code like a pro
Use my favorite shortcuts to write code fast

The second part covers advanced topics. You'll learn how to:

Access native device features
Implement navigation using React Navigation
Add beautiful tabs
Communicate with REST APIs
Upload images and show progress bars
Build offline capable apps
Cache data and images
Implement authentication and authorization
Send and receive push notifications
Log and monitor errors
Manage configuration settings across different environments
Build and distribute your apps

Curriculum

Section 1: Module 1

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

About the Instructor

codewithmosh (Mosh Hamedani)

$0.00

$8.00

Que esta incluido?

Streaming Multiplataforma
Acceso de por vida
Soporte al cliente
Actualizaciones gratuitas