React Native Complete Guide 2023: Zero to Mastery
Want to launch and grow your career as a mobile app developer? Learn everything you need to know about React native? This course is for you! This course covers all the topics that you need to know to build enterprise cross-platform mobile apps for Android and iOS.
Want to learn about Navigation? Covered. Integrate Redux and compare to React Context? Sure! Use REST APIs and even Firebase Databases? Included. Does it include User Authentication? Of course!
We'll start by mastering the fundamentals of React, including JSX, props, state and styles. And of course, hooks will be used for the reusable functional components. Besides that, basics of class components will be presented as that is something you may encounter in legacy code. We will also learn the basics of git and the source code will be provided in git provided for each section, so you can follow the code there as well. The course will cover creating many different reusable components which will be reused in the apps included in the course, as well as you can use them for your own personal projects later.
React Native is a great choice for developing cross-platform mobile apps on Android, iOS and even Web. With single source code you are able to build mobile app for multiple platforms. And the amazing part is that it feels like a native app as it's based on native modules. And on top of that, it brings more advantages to mobile app development which aren't even possible in native apps like over-the-air updates, etc. This is due to the fact that it is using Javascript, which is the most popular programming language and you can achieve a lot with that - from web development to mobile and to backend.
Watch Online React Native Complete Guide 2023: Zero to Mastery
| # | Title | Duration |
|---|---|---|
| 1 | Introduction | 02:49 |
| 2 | Why to Choose React Native | 02:26 |
| 3 | What We Will Build | 02:54 |
| 4 | Node & NPM Install | 07:09 |
| 5 | JDK & Android Studio Setup | 06:37 |
| 6 | Android SDK Path | 02:55 |
| 7 | Ruby Installation | 04:02 |
| 8 | iOS Tools Setup | 04:23 |
| 9 | Validate Setup with Test Project | 02:58 |
| 10 | App Overview | 01:49 |
| 11 | Project Setup | 06:04 |
| 12 | Running on Android | 04:00 |
| 13 | Running on iOS | 04:33 |
| 14 | Understanding SafeAreaView | 04:52 |
| 15 | Styles Explained | 05:28 |
| 16 | ESLint Setup | 06:45 |
| 17 | Creating First Component | 08:26 |
| 18 | Imports & Exports | 04:26 |
| 19 | Component Props | 04:47 |
| 20 | Component State and useState Hook Explained | 10:13 |
| 21 | UseEffect Explained | 07:55 |
| 22 | React.memo Explained | 04:15 |
| 23 | Initialize Git | 06:24 |
| 24 | Git Committing & Pushing | 06:10 |
| 25 | Exploring Remote Commits | 02:38 |
| 26 | Git Branches | 08:17 |
| 27 | Create Different Instances of Title | 08:17 |
| 28 | Building Categories List | 16:12 |
| 29 | Making Category Selectable | 07:55 |
| 30 | Creating Attraction Card | 15:32 |
| 31 | Use JSON Data for Lists (ScrollView) | 09:15 |
| 32 | Using FlatList | 12:36 |
| 33 | Filtering By Categories | 05:51 |
| 34 | Introduction to React Navigation | 04:51 |
| 35 | Navigation Setup | 11:45 |
| 36 | Hiding Navigation Header | 02:28 |
| 37 | Navigating Between Screens | 03:16 |
| 38 | Passing Parameters to Screens | 02:18 |
| 39 | Handling Back Events | 03:13 |
| 40 | Using ImageBackground | 05:10 |
| 41 | Adding Actions inside ImageBackground | 09:19 |
| 42 | Building Mini Image Gallery | 04:29 |
| 43 | Handling Hidden Images | 06:21 |
| 44 | Adding Texts Section | 07:08 |
| 45 | Creating InfoCard Component | 07:27 |
| 46 | Controlling App Theme | 02:43 |
| 47 | Building Gallery Screen | 09:55 |
| 48 | What are Native Libraries? | 04:11 |
| 49 | Installing Maps Package | 07:43 |
| 50 | Getting API Key for Google Maps | 03:16 |
| 51 | Add Map to Attraction Screen | 05:06 |
| 52 | Show Marker in the Map | 05:26 |
| 53 | Implement Full Screen Map | 14:59 |
| 54 | Checking Maps on Android | 01:31 |
| 55 | Share Package Options | 02:14 |
| 56 | Installing Share Package | 06:38 |
| 57 | Encoding Base64 Images | 09:43 |
| 58 | Extracting Image Extension | 03:39 |
| 59 | App Summary: Minute of Appreciation | 01:26 |
| 60 | App Overview | 01:14 |
| 61 | Expo vs. React Native CLI | 06:19 |
| 62 | Create Expo Project | 05:26 |
| 63 | Expo Config Customization | 04:36 |
| 64 | Building Splash Screen & Button | 17:23 |
| 65 | Finalizing Screen Layout | 06:41 |
| 66 | Integrate Navigation | 08:02 |
| 67 | Fix some UI issues | 01:27 |
| 68 | Customizing Navigation Header | 03:12 |
| 69 | Custom Back Icon | 06:51 |
| 70 | Changing App Theme | 03:16 |
| 71 | Building Input | 08:59 |
| 72 | Making Pressable Input | 05:24 |
| 73 | Reusing Components | 06:48 |
| 74 | Create RecipeCard | 15:39 |
| 75 | Add RecipeCard Image | 03:28 |
| 76 | Add Rating | 09:00 |
| 77 | Show Recipes in List | 04:07 |
| 78 | Create Card Component | 08:54 |
| 79 | REST APIs Explained | 04:29 |
| 80 | HTTP Methods Explained | 04:20 |
| 81 | Overview of the Tasty API | 10:54 |
| 82 | Integrating REST APIs | 07:50 |
| 83 | Using React Context | 06:29 |
| 84 | Move Server Call to App.js | 01:01 |
| 85 | Fetching Healthy Recipes | 08:14 |
| 86 | Displaying Healthy Recipes | 05:52 |
| 87 | Displaying All Recipes | 04:28 |
| 88 | Extracting Tags from Data | 06:30 |
| 89 | Capitalizing String | 01:14 |
| 90 | Search Overview | 01:27 |
| 91 | Input Autofocus | 01:54 |
| 92 | Showing Recipes in Columns | 03:28 |
| 93 | Retrieving Input Value | 02:46 |
| 94 | Implement Search | 04:57 |
| 95 | Final Touches for Search | 03:22 |
| 96 | Setting up Details Screen | 08:00 |
| 97 | Showing Nutrition Data | 10:35 |
| 98 | Showing Instructions | 07:55 |
| 99 | Check iOS & Category Filtering Logic | 06:58 |
| 100 | App Overview | 02:14 |
| 101 | Initialize Git | 02:27 |
| 102 | Build Onboarding Screen | 16:43 |
| 103 | Button Types | 01:49 |
| 104 | Navigation Setup | 09:19 |
| 105 | Build Login Screen | 11:58 |
| 106 | Build Signup Screen | 03:28 |
| 107 | Create Checkbox | 08:38 |
| 108 | PP & TC Links Redirection | 08:28 |
| 109 | Configuring Input Types | 04:32 |
| 110 | Firebase Project Setup | 06:29 |
| 111 | React Native Firebase Installation | 10:25 |
| 112 | Fix Hermes Issue | 01:06 |
| 113 | Authentication Status Check | 06:09 |
| 114 | Create Account with Firebase | 08:43 |
| 115 | Add Logout Option | 01:22 |
| 116 | Add Name to User | 03:33 |
| 117 | Sign in with Existing User | 04:52 |
| 118 | Checking Firebase Data | 01:35 |
| 119 | Navigators Setup | 12:29 |
| 120 | Change Tab Icons | 05:46 |
| 121 | Change the Theme & Check Android | 03:11 |
| 122 | Custom Drawer Menu | 08:58 |
| 123 | Custom Header | 07:49 |
| 124 | Sticky Plus Icon | 06:01 |
| 125 | Add Back Icon | 03:49 |
| 126 | Customize Title | 03:06 |
| 127 | Outlined Input | 05:14 |
| 128 | Reuse Categories | 08:51 |
| 129 | Fix Category Spacing | 02:35 |
| 130 | Add DatePicker | 12:50 |
| 131 | Form Validation | 08:35 |
| 132 | Intro to Firebase Databases | 07:00 |
| 133 | Adding Loader | 04:45 |
| 134 | Setting up Redux | 12:10 |
| 135 | Dealing with Firestore Queries | 07:49 |
| 136 | Storing Tasks in Redux | 03:42 |
| 137 | Displaying Task List | 04:09 |
| 138 | Crossed Line for Checked Tasks | 01:01 |
| 139 | Filtering Tasks | 05:06 |
| 140 | Updating Data | 07:34 |
| 141 | Displaying Home Cards | 06:55 |
| 142 | Categorizing Tasks | 09:13 |
| 143 | Last Chunk of Code | 04:40 |
| 144 | Changing App Icons | 05:47 |
| 145 | Customizing LaunchScreen | 02:59 |
| 146 | Creating app on App Store | 06:21 |
| 147 | Deploying to App Store - part 1 | 05:09 |
| 148 | Deploying to App Store - part 2 | 05:04 |
Similar courses to React Native Complete Guide 2023: Zero to Mastery
Master React Native NavigationSimon Grimm
Testing React Native AppsSimon Grimm
React Native Maps & Google Places APISimon Grimm
The Full Stack Mobile DeveloperVadim Savin (notjust.dev)
APIs, Authentication and Tanstack QuerySimon Grimm
React Native Styling BasicsSimon Grimm
reanimate.devEnzo Manuel Mangano
State Management with ZustandSimon Grimm
