The Ultimate React Native Series: Fundamentals
Course description
Have an idea for an app but but been fearful of learning native mobile development? I hear you! Native development can be difficult. To build an app for different platforms, you have to learn different languages and tools. Swift/Objective-C for iOS and Java/Kotlin for Android.
Read more about the course
But if you know JavaScript and React, you can build cross-platform mobile apps with React Native today! You don't need any knowledge of iOS or Android development.
React Native is the most popular framework for building truly native mobile apps with JavaScript. Use a single code to build apps for iOS and Android.
A lot of companies use React Native to build their mobile apps. Facebook, Instagram, Uber, Pinterest to name a few. That’s why many employers are looking for React Native developers these days.
This course teaches you everything you need to build real apps with React Native from scratch. No BS, no fluff, no lengthy, repetitive explanations to waste your time.
I’ve perfectly structured this course to take you on a step-by-step journey from zero to hero.
Clear, concise lessons with a real-world app, plenty of exercises and step-by-solutions.
Watch Online
All Course Lessons (97)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | 1- Introduction Demo | 02:21 | |
| 2 | 2- Prerequisites | 00:39 | |
| 3 | 4- What is React Native | 01:35 | |
| 4 | 5- Expo | 01:47 | |
| 5 | 6- Setting Up the Development Environment (2:57) | 02:59 | |
| 6 | 7- Your First App | 05:22 | |
| 7 | 8- Running on an iOS Simulator | 03:24 | |
| 8 | 9- Running on an Android Emulator | 08:46 | |
| 9 | 10- Running on a Device | 01:06 | |
| 10 | 11- Logging | 01:22 | |
| 11 | 12- Debugging in Chrome | 05:12 | |
| 12 | 13- Debugging in VSCode | 07:12 | |
| 13 | 14- Publishing | 04:08 | |
| 14 | 15- Fixing the Auto Import Issue | 01:43 | |
| 15 | 1- Core Components and APIs | 01:52 | |
| 16 | 2- View | 02:48 | |
| 17 | 3- Text | 02:43 | |
| 18 | 4- Image | 05:35 | |
| 19 | 5- Touchables | 04:57 | |
| 20 | 6- Button | 01:40 | |
| 21 | 7- Alert | 03:54 | |
| 22 | 8- StyleSheet | 04:55 | |
| 23 | 9- Platform-specific Code | 02:34 | |
| 24 | 1- Introduction | 00:38 | |
| 25 | 2- Dimensions | 03:39 | |
| 26 | 3- Detecting Orientation Changes | 05:18 | |
| 27 | 4- Flexbox | 03:18 | |
| 28 | 5- Flexbox- Direction | 01:52 | |
| 29 | 6- Flexbox- justifyContent, alignItems and alignSelf (4:33) | 04:34 | |
| 30 | 7- Flexbox- flexWrap and alignContent | 03:00 | |
| 31 | 8- Flexbox- flexBasis, flexGrow and flexShrink (2:45) | 02:46 | |
| 32 | 9- Absolute and Relative Positioning | 02:53 | |
| 33 | 10- Exercises | 01:00 | |
| 34 | 11- Building the Welcome Screen | 10:58 | |
| 35 | 12- Building the View Image Screen | 04:56 | |
| 36 | 13- Refactoring | 02:51 | |
| 37 | 1- Introduction | 00:37 | |
| 38 | 2- Borders | 02:22 | |
| 39 | 3- Shadows | 02:09 | |
| 40 | 4- Paddings and Margins | 02:32 | |
| 41 | 5- Styling Text | 04:25 | |
| 42 | 6- Encapsulating Styles | 04:40 | |
| 43 | 7- Icons | 02:37 | |
| 44 | 8- Platform-specific Code | 04:46 | |
| 45 | 9- Organizing Styles | 03:51 | |
| 46 | 11- Building the Button Component | 05:49 | |
| 47 | 12- Improving the Welcome Screen | 05:54 | |
| 48 | 13- Building the Card Component | 09:49 | |
| 49 | 14- Building the Listing Details Screen | 04:52 | |
| 50 | 15- Building the ListItem Component | 07:24 | |
| 51 | 16- Improving the View Image Screen | 02:15 | |
| 52 | 1- Introduction | 00:26 | |
| 53 | 2- FlatList | 04:25 | |
| 54 | 3- Extracting the Screen Component | 06:59 | |
| 55 | 4- Separators | 05:02 | |
| 56 | 5- Handling Selections | 03:25 | |
| 57 | 6- Handling Swipes | 06:53 | |
| 58 | 7- Deleting an Item | 06:32 | |
| 59 | 8- Implementing Pull to Refresh | 03:11 | |
| 60 | 10- Planning the Account Screen | 01:54 | |
| 61 | 11- Building the Icon Component | 04:58 | |
| 62 | 12- Extending the ListItem Component | 04:44 | |
| 63 | 13- Building the Account Screen | 10:59 | |
| 64 | 14- Building the Listings Screen | 05:56 | |
| 65 | 1- Introduction | 00:33 | |
| 66 | 2- TextInput | 05:03 | |
| 67 | 3- Building a Pretty TextInput | 07:12 | |
| 68 | 4- Extracting the Default Styles | 03:41 | |
| 69 | 5- Switch | 01:43 | |
| 70 | 6- Picker | 02:13 | |
| 71 | 7- Building a Custom Picker | 03:55 | |
| 72 | 8- Modal | 04:33 | |
| 73 | 9- Showing Picker Items | 04:54 | |
| 74 | 10- Handling Selections | 02:49 | |
| 75 | 1- Introduction | 00:38 | |
| 76 | 2- Building the Login Form | 07:59 | |
| 77 | 3- Building Better Forms with Formik | 05:50 | |
| 78 | 4- Form Validation with Yup | 04:59 | |
| 79 | 5- Building the ErrorMessage Component | 02:58 | |
| 80 | 6- The Touched State | 03:18 | |
| 81 | 7- Building the Field Component | 06:42 | |
| 82 | 8- Building the SubmitButton Component | 02:15 | |
| 83 | 9- Building the Form Component | 03:04 | |
| 84 | 10- Organizing Components | 06:12 | |
| 85 | 12- Building the Listing Edit Screen | 05:23 | |
| 86 | 13- Fixing the Placeholder Color | 02:48 | |
| 87 | 1- Introduction | 00:39 | |
| 88 | 2- Adding Chevrons | 02:28 | |
| 89 | 3- Handling Long Text | 01:58 | |
| 90 | 4- Improving the Messages Screen | 02:24 | |
| 91 | 5- Fixing the Auto Import Issue | 01:34 | |
| 92 | 6- Input Components with Dynamic Width | 03:01 | |
| 93 | 7- Flexible Architecture | 03:49 | |
| 94 | 8- Building the CategoryPickerItem Component | 08:15 | |
| 95 | 9- Revisiting Components' Names | 02:30 | |
| 96 | 10- Custom Snippets | 04:26 | |
| 97 | 11- Course Wrap Up | 02:11 |
Unlock unlimited learning
Get instant access to all 96 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Native Styling Basics
Native Modules with Expo
React Native Complete Guide 2023: Zero to Mastery
