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 the 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 (45m)
Preview1- Introduction (2:20)
Preview2- Prerequisites (0:38)
Preview3- How to Use This Course
Preview4- What is React Native (1:34)
Preview5- Expo (1:46)
Preview6- Setting Up the Development Environment (2:57)
Preview7- Your First App (5:21)
Start8- Running on an iOS Simulator (3:23)
Start9- Running on an Android Emulator (8:45)
Start10- Running on a Device (1:05)
Start11- Logging (1:21)
Start12- Debugging in Chrome (5:11)
Start13- Debugging in VSCode (7:11)
Start14- Publishing (4:07)
Start15- Fixing the Auto Import Issue (1:42)
Start16- Source Code
Fundamental Concepts (30m)
Start1- Core Components and APIs (1:51)
Start2- View (2:47)
Start3- Text (2:42)
Start4- Image (5:34)
Start5- Touchables (4:56)
Start6- Button (1:39)
Start7- Alert (3:53)
Start8- StyleSheet (4:54)
Start9- Platform-specific Code (2:33)
Layout (47m)
Start1- Introduction (0:37)
Start2- Dimensions (3:38)
Start3- Detecting Orientation Changes (5:17)
Start4- Flexbox (3:17)
Start5- Flexbox- Direction (1:51)
Start6- Flexbox- justifyContent, alignItems and alignSelf (4:33)
Start7- Flexbox- flexWrap and alignContent (2:59)
Start8- Flexbox- flexBasis, flexGrow and flexShrink (2:45)
Start9- Absolute and Relative Positioning (2:52)
Start10- Exercises (0:59)
Start11- Building the Welcome Screen (10:57)
Start12- Building the View Image Screen (4:55)
Start13- Refactoring (2:50)
Start14- A Quick Note
Styling (63m)
Start1- Introduction (0:36)
Start2- Borders (2:21)
Start3- Shadows (2:08)
Start4- Paddings and Margins (2:31)
Start5- Styling Text (4:24)
Start6- Encapsulating Styles (4:39)
Start7- Icons (2:36)
Start8- Platform-specific Code (4:45)
Start9- Organizing Styles (3:50)
Start10- Exercises
Start11- Building the Button Component (5:48)
Start12- Improving the Welcome Screen (5:53)
Start13- Building the Card Component (9:48)
Start14- Building the Listing Details Screen (4:51)
Start15- Building the ListItem Component (7:22)
Start16- Improving the View Image Screen (2:14)
Start17- UI Libraries
Lists (65m)
Start1- Introduction (0:25)
Start2- FlatList (4:24)
Start3- Extracting the Screen Component (6:58)
Start4- Separators (5:01)
Start5- Handling Selections (3:24)
Start6- Handling Swipes (6:52)
Start7- Deleting an Item (6:31)
Start8- Implementing Pull to Refresh (3:10)
Start9- Exercises
Start10- Planning the Account Screen (1:53)
Start11- Building the Icon Component (4:57)
Start12- Extending the ListItem Component (4:43)
Start13- Building the Account Screen (10:58)
Start14- Building the Listings Screen (5:55)
Input Components (34m)
Start1- Introduction (0:32)
Start2- TextInput (5:02)
Start3- Building a Pretty TextInput (7:11)
Start4- Extracting the Default Styles (3:39)
Start5- Switch (1:42)
Start6- Picker (2:12)
Start7- Building a Custom Picker (3:54)
Start8- Modal (4:32)
Start9- Showing Picker Items (4:53)
Start10- Handling Selections (2:48)
Start11- A Quick Note
Forms (52m)
Start1- Introduction (0:37)
Start2- Building the Login Form (7:58)
Start3- Building Better Forms with Formik (5:49)
Start4- Form Validation with Yup (4:58)
Start5- Building the ErrorMessage Component (2:57)
Start6- The Touched State (3:17)
Start7- Building the Field Component (6:41)
Start8- Building the SubmitButton Component (2:14)
Start9- Building the Form Component (3:03)
Start10- Organizing Components (6:11)
Start11- Exercises
Start12- Building the Listing Edit Screen (5:22)
Start13- Fixing the Placeholder Color (2:47)
Additional Improvements (30m)
Start1- Introduction (0:38)
Start2- Adding Chevrons (2:27)
Start3- Handling Long Text (1:57)
Start4- Improving the Messages Screen (2:23)
Start5- Fixing the Auto Import Issue (1:33)
Start6- Input Components with Dynamic Width (3:00)
Start7- Flexible Architecture (3:48)
Start8- Building the CategoryPickerItem Component (8:14)
Start9- Revisiting Components’ Names (2:29)
Start10- Custom Snippets (4:25)
Start11- Course Wrap Up (2:10)
Start12- The Ultimate React Native: Part 2