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

Who is this course for?

• Developers who want to use their JavaScript skills to build mobile apps
• Developers who want to add React Native to their resume to get a better job
• Web developers who want to get into the mobile development industry
• React Native developers who want to brush up on their skills and fill the gaps
• Developers passionate about learning new technologies

Course Curriculum

Getting Started
Preview1- Introduction (0:55)
Preview2- Prerequisites (1:10)
Start3- How to Use This Course
Start4- Source Code
Start5- VSCode Code Snippet (1:22)
Native Features (54m)
Preview1- Introduction (0:28)
Preview2- Device Features (2:15)
Preview3- Using ImagePicker (2:12)
Preview4- Requesting Permissions (5:32)
Preview5- Permissions Module (1:54)
Preview6- Accessing the Library (3:13)
Start7- Exercises (2:12)
Start8- Building ImageInput- Layout (3:55)
Start9- Building ImageInput- Touches (5:54)
Start10- Building ImageInputList- Basics (6:10)
Start11- Building ImageInputList- Scrolling (4:18)
Start12- Building FormImagePicker (4:57)
Start13- Improving ListingEditScreen (2:32)
Start14- Getting the User’s Location (4:14)
Start15- Building Custom Hooks (3:48)
Start16- A Quick Note
Navigation (50m)
Start1- Introduction (0:32)
Start2- Installing React Navigation (2:15)
Start3- Stack Navigator (5:20)
Start4- Navigating Between Screens (4:14)
Start5- Passing Parameters to Routes (1:17)
Start6- Setting Screen Titles (1:14)
Start7- Customizing Headers (1:54)
Start8- Creating a TabNavigator (2:42)
Start9- Customizing Tabs (2:50)
Start10- Nesting Navigators (1:45)
Start11- Exercises (0:34)
Start12- Building AuthNavigator (3:26)
Start13- Navigation Theme (1:49)
Start14- Building AppNavigator (2:00)
Start15- Building FeedNavigator (5:08)
Start16- Building AccountNavigator (2:49)
Start17- Beautifying the Tabs (7:18)
Start18- Refactoring Routes (2:00)
Networking (1h)
Start1- Introduction (0:32)
Start2- Setting Up the Backend (2:01)
Start3- Calling APIs Using ApiSauce (2:55)
Start4- Creating an API Layer (2:41)
Start5- Fetching Data (3:07)
Start6- Inspecting API Calls (2:57)
Start7- Handling Errors (3:22)
Start8- Simulating a Slow Connection (1:24)
Start9- Showing an Activity Indicator (1:48)
Start10- Building a Beautiful Activitiy Indicator (5:47)
Start11- Creating a Reusable Hook (5:45)
Start12- Exercises
Start13- Extending the API Layer (4:11)
Start14- Posting Data (3:31)
Start15- Tracking Upload Progress (3:49)
Start16- Building the Upload Screen (4:06)
Start17- Adding a Progress Bar (2:25)
Start18- Showing the Done Animation (3:31)
Start19- Resetting the Form (4:03)
Start20- A Quick Note
Offline Support (43m)
Start1- Introduction (0:34)
Start2- Strategies for Building Offline Capable Apps (1:02)
Start3- Detecting Network Status (4:03)
Start4- Caching (1:16)
Start5- AsyncStorage (2:45)
Start6- Inspecting AsyncStorage (1:10)
Start7- The Cache Layer (2:01)
Start8- Implementing a Cache Layer (7:41)
Start9- Caching Successful Request Data (4:40)
Start10- Caching Images (7:17)
Start11- Caching with Redux (3:00)
Start12- Storing User Actions When Offline (2:26)
Start13- Exercise
Start14- Showing an Offline Notice (5:53)
Authentication and Authorization (1h)
Start1- Introduction (0:24)
Start2- Authentication Providers (1:02)
Start3- Authentication Flow (2:25)
Start4- Authentication API (2:49)
Start5- Getting the AuthToken (3:46)
Start6- Extracting the User from the AuthToken (4:13)
Start7- Storing the Current User (4:04)
Start8- Getting the Current User (0:59)
Start9- Logging Out the User (1:09)
Start10- Persisting the Authentication State Across Restarts (7:58)
Start11- Controlling the Splash Screen (3:11)
Start12- Refactoring (3:14)
Start13- Creating a Custom Hook (6:05)
Start14- Calling Protected APIs (3:53)
Start15- Exercise (0:58)
Start16- Implementing the Registration (3:01)
Start17- Showing an Activity Indicator (4:48)
Start18- Adding an Overlay (4:28)
Start19- A Quick Note
Notifications (25m)
Start1- Introduction (0:22)
Start2- Push Notification Services (1:18)
Start3- Architecture (1:20)
Start4- Getting a Push Notification Token (4:03)
Start5- Storing the Push Notification Token (2:38)
Start6- Sending Test Notifications (1:25)
Start7- Sending Notifications on the Server (1:39)
Start8- Handling Received Notifications (1:18)
Start9- Navigation Upon Receiving a Notification (5:01)
Start10- Creating a Custom Hook (2:13)
Start11- Local Notifications (2:33)
Start12- Exercises
Start13- Building the Contact Form (1:43)
Distribution (35m)
Start1- Introduction (0:40)
Start2- App Icon (1:13)
Start3- Optimizing Assets (1:40)
Start4- Optimizing JavaScript Bundle (3:13)
Start5- Error Reporting (6:19)
Start6- Environment Management (2:56)
Start7- Publishing (1:57)
Start8- Building Standalone Apps (1:02)
Start9- Building the iOS App (5:10)
Start10- Distributing to the App Store (4:09)
Start11- Building the Android App (4:19)
Start12- Distributing to the Google Play Store
Start13- Over-the-air Updates (1:30)
Start14- Additional Resources
Start15- Course Wrap Up (0:49)