The Ultimate React Native Series: Fundamentals
6h 17m 40s
English
Paid
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
Join premium to watch
Go to premium
| # | 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 |
Comments
0 commentsSimilar courses
State Management with Zustand
Sources: Simon Grimm
Enter the world of efficient and intuitive state management with our in-depth course, “React Native State Management with Zustand.” Learn how to effortlessly...
56 minutes 13 seconds
Members Only with JWT Authentication
Sources: Simon Grimm
Learn how to secure applications using JWT authentication, create enhanced forms with React Hook Form and validation through Zod, work with requests...
2 hours 30 minutes 58 seconds
NativeBase UI & React Navigation
Sources: Simon Grimm
Unlock the world of cross-platform app development with our comprehensive course, “Building Cross Platform Apps with React Native.” Learn how to create high...
1 hour 44 minutes 26 seconds
A Complete React Native Course - Redux - Context API - 2020
Sources: udemy
A complete course to start react native cross platform mobile application development. This react native course is a beginners level course that will give you e
7 hours 42 seconds
React Native Maps & Google Places API
Sources: Simon Grimm
Unearth the fascinating world of maps integration in your React Native applications with our illuminating course. Navigate through the intricacies of MapView...
52 minutes 55 seconds
Want to join the conversation?
Sign in to comment