The Ultimate React Native Series: Fundamentals
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.
More
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 The Ultimate React Native Series: Fundamentals
| # | Title | Duration |
|---|---|---|
| 1 | 1- Introduction | 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 |
Similar courses to The Ultimate React Native Series: Fundamentals
React Native Complete Guide 2023: Zero to Masteryudemy
State Management with ZustandSimon Grimm
NativeBase UI & React NavigationSimon Grimm
A Complete React Native Course - Redux - Context API - 2020udemy
React Native: Advanced ConceptsudemyStephen Grider
Universal Apps with TamaguiSimon Grimm
React Native Styling BasicsSimon Grimm
React Nativeui.dev (ex. Tyler McGinnis)
