React Native - The Practical Guide

Focused View

Academind by Maximilian Schwarzmüller

27:25:22

101 View

00001 Welcome to This Course and What to Expect.mp4

01:07

00002 What Is React Native.mp4

03:30

00003 A Glance Under the Hood of React Native..mp4

05:08

00004 Creating React Native Projects - Expo CLI Versus React Native CLI.mp4

05:59

00005 Creating a New React Native Project.mp4

05:52

00006 Analyzing the Created Project.mp4

05:19

00007 Running Our First App on a Real Device.mp4

04:22

00008 Setting Up a Local Development Environment.mp4

09:29

00009 About This Course.mp4

06:00

00010 Module Introduction.mp4

01:46

00011 Exploring Core Components and Component Styling.mp4

07:54

00012 Working with Core Components.mp4

07:02

00013 Styling React Native Apps.mp4

10:15

00014 Exploring Layouts and Flexbox.mp4

03:21

00015 React Native and Flexbox.mp4

02:33

00016 Using Flexbox to Create Layouts.mp4

05:10

00017 Flexbox - A Deep Dive.mp4

12:21

00018 Improving the Layout.mp4

07:14

00019 Handling Events.mp4

07:31

00020 Managing a List of Course Goals in Our Demo App.mp4

07:12

00021 iOS and Android Styling Differences.mp4

08:52

00022 Making Content Scrollable with ScrollView.mp4

06:18

00023 Optimizing Lists with FlatList.mp4

13:42

00024 Splitting Components into Smaller Components.mp4

05:13

00025 Utilizing Props.mp4

02:35

00026 Working on the Goal Input Component.mp4

09:42

00027 Handling Taps with the Pressable Component.mp4

03:36

00028 Making Items Deletable and Using IDs.mp4

05:19

00029 Adding an Android Ripple Effect and an iOS Alternative.mp4

04:55

00030 Adding a Modal Screen.mp4

06:59

00031 Styling the Modal Overlay.mp4

05:42

00032 Opening and Closing the Modal.mp4

02:32

00033 Working with Images and Changing Colors.mp4

06:06

00034 App Finishing Touches.mp4

07:17

00035 Module Summary.mp4

03:34

00036 Module Introduction.mp4

01:20

00037 Handling Errors.mp4

04:40

00038 Logging to the Console.mp4

01:55

00039 Debugging JavaScript Remotely.mp4

03:06

00040 Using the React DevTools.mp4

03:30

00041 Using the Documentation.mp4

00:36

00042 Module Introduction and What We will Build.mp4

02:07

00043 Starting Setup and Analyzing the Target App.mp4

03:05

00044 Setting Up Our Screen Components.mp4

05:42

00045 Creating Custom Buttons.mp4

07:00

00046 Styling for Android and iOS.mp4

11:19

00047 Styling the Number Input Element.mp4

06:54

00048 Configuring the TextInput Field.mp4

03:23

00049 Adding Visual Feedback to the Buttons.mp4

15:48

00050 Improving the Buttons.mp4

07:40

00051 Coloring the Components and the Overall App.mp4

03:21

00052 Adding a Linear Gradient.mp4

04:04

00053 Adding a Background Image.mp4

07:05

00054 Getting Started with Game Logic.mp4

07:12

00055 Handling User Input and Showing an Alert Dialog.mp4

07:33

00056 Switching Screens Programmatically.mp4

07:13

00057 Starting Work on the Game Screen.mp4

04:47

00058 Respecting Device Screen Restrictions with the SafeAreaView.mp4

03:09

00059 Creating a Title Component.mp4

04:39

00060 Managing Colors Globally.mp4

06:55

00061 Creating Using and Displaying Random Numbers.mp4

12:46

00062 Adding Game Control Buttons + and - to the App.mp4

15:30

00063 Checking for Game Over.mp4

11:14

00064 Improving the Game Screen Visuals.mp4

11:41

00065 Using Cascading Styles.mp4

05:46

00066 Working with Icons Button Icons.mp4

04:09

00067 Adding and Using Custom Fonts with React Native Apps.mp4

07:05

00068 Adding a Foreground Image.mp4

09:03

00069 Using and Styling Nested Text.mp4

04:54

00070 Adding Logic to Re Start Games and Displaying a Summary Screen.mp4

07:00

00071 Logging Game Rounds.mp4

05:52

00072 Outputting Log Data with FlatList.mp4

02:51

00073 Styling the Game Round Logs.mp4

08:12

00074 Finishing Touches.mp4

04:35

00075 Module Summary.mp4

02:58

00076 Module Introduction.mp4

04:06

00077 Setting Dynamic Widths.mp4

04:31

00078 Introducing the Dimensions API.mp4

06:41

00079 Adjusting Image Sizes with the Dimensions API.mp4

04:06

00080 Understanding Screen Orientation Problems.mp4

03:18

00081 Setting Sizes Dynamically for Different Orientations.mp4

07:57

00082 Managing Screen Content with KeyboardAvoidingView.mp4

05:51

00083 Improving the Landscape Mode UI.mp4

07:55

00084 Further Improvements with useWindowDimensions.mp4

04:37

00085 Writing Platform-Specific Code with the Platform API.mp4

09:01

00086 Styling the Status Bar.mp4

02:09

00087 Module Introduction.mp4

01:30

00088 What Is Navigation.mp4

04:23

00089 Getting Started with the App and Outputting Meal Categories.mp4

09:32

00090 Displaying Items in a Grid.mp4

14:29

00091 Getting Started with the React Navigation Package.mp4

09:46

00092 Implementing Navigation Between Two Screens.mp4

08:31

00093 Understanding the useNavigation Hook.mp4

03:40

00094 Working with Route Parameters to Pass Data Between Screens.mp4

06:38

00095 Displaying Meals.mp4

07:53

00096 Adding Images and Styling.mp4

17:12

00097 Styling Screen Headers and Backgrounds.mp4

08:01

00098 Setting Navigation Options Dynamically.mp4

09:06

00099 Adding and Configuring the Meal Details Screen.mp4

08:59

00100 Outputting Content in the Meal Details Screen.mp4

09:25

00101 Finishing the Meal Details Screen.mp4

18:58

00102 Adding Header Buttons.mp4

06:57

00103 Adding an Icon Button to a Header.mp4

04:52

00104 Adding Drawer Navigation and Creating a Drawer.mp4

09:33

00105 Configuring the Drawer Navigator and the Drawer.mp4

10:11

00106 Adding Configuring and Using Bottom Tabs.mp4

06:32

00107 Nesting Navigators.mp4

13:05

00108 Bottom Tabs and App Finishing Touches.mp4

03:54

00109 Module Summary.mp4

02:44

00110 Module Introduction.mp4

03:05

00111 Getting Started with React s Context API.mp4

05:23

00112 Managing App-Wide State with Context.mp4

05:01

00113 Using the Created Context with useContext.mp4

05:13

00114 Managing Favorite Meals with the Context API.mp4

09:41

00115 Getting Started with Redux and Redux Toolkit.mp4

04:46

00116 Working with Redux Slices.mp4

07:04

00117 Managing Redux State and Dispatching Actions.mp4

05:14

00118 Using Redux State in Components.mp4

01:46

00119 Module Summary.mp4

01:17

00120 Module Introduction and What We will Build.mp4

02:22

00121 The Starting Setup.mp4

06:19

00122 Adding Navigation with React Navigation and Configuring Navigation.mp4

08:29

00123 Adding Global Colors and Editing Navigation Configuration.mp4

10:05

00124 Creating Key App Components to Display Expenses.mp4

06:19

00125 Continuing Work on the Expense-Related Components.mp4

06:50

00126 Adding Dummy Expense Data.mp4

05:39

00127 Outputting a List of Expenses.mp4

04:47

00128 Improving App Layout and Styling.mp4

07:52

00129 Working on Expense List Items.mp4

13:26

00130 Formatting Dates.mp4

04:43

00131 Adding a Header Button and Making Expense Items Tappable.mp4

11:34

00132 Navigating Programmatically Between Screens.mp4

05:18

00133 Styling the Expense Management Screen.mp4

03:07

00134 Supporting Different Editing Modes and Using Route Parameters.mp4

07:01

00135 Adding a Delete Button.mp4

05:35

00136 Adding Custom Buttons.mp4

09:42

00137 Closing a Modal Programmatically.mp4

03:23

00138 Managing App-Wide State with Context.mp4

18:19

00139 Using Context from Inside Components.mp4

08:20

00140 Deleting and Updating Expenses.mp4

06:34

00141 Finishing Touches.mp4

04:26

00142 Module Introduction.mp4

01:27

00143 Building a Custom Input Component.mp4

08:35

00144 Creating an Overall Form.mp4

05:59

00145 Configuring the Form Input Elements.mp4

04:10

00146 Adding Styling.mp4

07:42

00147 Setting the Form Layout.mp4

06:43

00148 Handling User Input in a Generic Way.mp4

09:58

00149 Managing Form State and Submission.mp4

04:55

00150 Working with Entered Data.mp4

05:22

00151 Setting and Using Default Values.mp4

07:09

00152 Adding Validation.mp4

06:40

00153 Providing Visual Validation Feedback.mp4

09:20

00154 Adding Error Styling.mp4

04:56

00155 Module Summary.mp4

01:43

00156 Module Introduction.mp4

02:23

00157 Backend Setup Firebase.mp4

03:31

00158 Installing Axios.mp4

02:13

00159 Sending POST Http Requests.mp4

06:35

00160 Fetching Backend Data GET Requests.mp4

09:27

00161 Transforming and Using Fetched Data.mp4

08:20

00162 Using Response Data from POST Requests.mp4

05:44

00163 Updating and Deleting Backend Data UPDATE and DELETE Requests.mp4

07:51

00164 Managing the Loading State.mp4

08:59

00165 Handling Request Errors.mp4

12:03

00166 Module Summary.mp4

01:00

00167 Module Introduction.mp4

02:00

00168 Demo App Walkthrough.mp4

03:57

00169 How Does Authentication Work.mp4

03:00

00170 Backend Setup.mp4

05:36

00171 Controlling Signup and Login Screens.mp4

04:39

00172 Sending Authentication Requests to the Backend.mp4

05:21

00173 Creating New Users.mp4

05:41

00174 Logging Users In.mp4

06:32

00175 Authentication Error Handling.mp4

03:51

00176 Storing and Managing the User Authentication State with Context.mp4

07:15

00177 Extracting the Authentication Token.mp4

04:19

00178 Protecting Screens.mp4

06:58

00179 Adding a Logout Functionality.mp4

03:40

00180 Accessing Protected Resources.mp4

10:19

00181 Storing Auth Tokens on the Device and Logging Users in Automatically.mp4

11:47

00182 Module Summary.mp4

02:13

00183 Module Introduction.mp4

02:39

00184 Adding a Favorite Places List.mp4

08:55

00185 Editing the Favorite Place Items.mp4

08:01

00186 Adding an Add Place Screen + Navigation.mp4

06:36

00187 Adding a Header Button.mp4

07:18

00188 Global Colors and Styling.mp4

05:05

00189 Getting Started with a Custom Form.mp4

06:01

00190 Adding and Configuring the Camera Package for Native Camera Access.mp4

06:20

00191 Taking Photos on Android.mp4

06:09

00192 Taking Photos on iOS + Managing Permissions.mp4

08:30

00193 Showing an Image Preview.mp4

06:42

00194 Creating a Custom Button.mp4

06:02

00195 Getting Started with the Location Picker.mp4

05:34

00196 Locating Users.mp4

09:09

00197 Adding a Location Preview Map.mp4

12:27

00198 Adding an Interactive Map Google Maps and Apple Maps.mp4

08:34

00199 Allowing Map Interaction and Adding Markers.mp4

05:12

00200 Confirming Picked Locations.mp4

07:40

00201 Previewing Picked Locations.mp4

09:16

00202 Adding a Form Submit Button.mp4

04:46

00203 Managing Location and Image State in the Form.mp4

09:31

00204 Converting Picked Locations to Human-Readable Addresses.mp4

09:47

00205 Passing Entered Data to the AllPlaces Screen.mp4

06:01

00206 Outputting a List of Places.mp4

04:41

00207 Styling Place Items.mp4

06:31

00208 SQLite - Getting Started and Initialization.mp4

16:13

00209 Preparing Code to Insert Data into the SQLite Database.mp4

07:10

00210 Inserting Places into the Database.mp4

03:19

00211 Fetching Places from the Database.mp4

09:36

00212 Adding the Place Details Screen.mp4

09:15

00213 Fetching Place Detail Data from the Database.mp4

08:38

00214 Showing a Readonly Map.mp4

09:10

00215 Module Summary.mp4

02:29

00216 Module Introduction.mp4

01:32

00217 How Exactly Does Expo Work.mp4

04:22

00218 Expo Alternatives.mp4

05:35

00219 Setting Up Our System.mp4

04:45

00220 Using Expo s Bare Workflow.mp4

07:49

00221 Using Native Device Features with the Bare Workflow.mp4

07:28

00222 Ejecting to the Bare Workflow.mp4

05:43

00223 Creating Projects with the React Native CLI no Expo.mp4

07:13

00224 Non-Expo Apps and Native Device Features.mp4

03:28

00225 Module Summary.mp4

01:52

00226 Module Introduction.mp4

01:38

00227 Publishing Apps - An Overview.mp4

04:06

00228 Key Configuration Items and Considerations.mp4

02:31

00229 Configuring App Names and Versions.mp4

08:17

00230 A Quick Note About Environment Variables.mp4

01:52

00231 Adding Icons and a Splash Screen.mp4

03:41

00232 Building Expo Apps with EAS.mp4

14:32

00233 EAS for iOS Even on Windows Devices.mp4

16:47

00234 Building for iOS without Expo.mp4

10:25

00235 Building for Android without Expo.mp4

07:22

00236 Course Roundup.mp4

00:40

00237 Module Introduction.mp4

01:39

00238 JavaScript - A Summary.mp4

02:40

00239 Core Syntax Refresher.mp4

04:39

00240 let and const.mp4

02:31

00241 Arrow Functions.mp4

05:23

00242 Objects - Properties and Methods.mp4

03:24

00243 Arrays and Array Methods.mp4

04:21

00244 Arrays Objects and Reference Types.mp4

02:18

00245 Spread Operator and Rest Parameters.mp4

06:48

00246 Destructuring.mp4

05:42

00247 Async Code and Promises.mp4

10:35

00248 Wrap Up.mp4

00:51

00249 Module Introduction.mp4

01:13

00250 What is React.mp4

03:13

00251 A Starting Project.mp4

04:05

00252 Understanding JSX.mp4

05:32

00253 Understanding Components.mp4

02:52

00254 Working with Multiple Components.mp4

07:06

00255 Working with Props.mp4

06:53

00256 Rendering Lists of Data.mp4

04:31

00257 Handling Events.mp4

07:26

00258 Parent-Child Communication.mp4

04:40

00259 Managing State.mp4

05:56

00260 More on State.mp4

04:22

00261 User Input and Two-Way Binding.mp4

05:54

00262 Wrap Up.mp4

02:11

React-Native---The-Practical-Guide-master.zip

Description

Mobile apps are one of the best ways to engage with users; no wonder everyone wants to build one! Wouldn’t it be great if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that? That’s exactly what React Native allows you to do!

No need to learn Java, Android, Swift, Objective-C, or anything else. React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That’s probably the reason why many global companies are using it to build their mobile apps! With this course, learn to create your own React Native apps, publish them to the Google Play Store and Apple App Store, and dive deep into the React Native ecosystem.

Learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to navigate around, use maps and the camera, and so much more! The best way to learn is by building a real app. We will build the “Favorite Places” app in this course, an app where users can share amazing pictures and the location where they took them. This app will allow you to see things such as using maps, the camera, user authentication, connecting to a server, and much more in action.

By the end of this course, you will have developed React Native and JavaScript skills needed to build and deploy responsive mobile applications.

The complete code bundle is available at https://github.com/packtpublishing/react-native---the-practical-guide

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

React Native

Academind by Maximilian Schwarzmüller

Instructor's Courses

Academind GmbHBundling the courses and the knowledge of successful instructors, Academind strives to deliver high-quality online education. The platform covers topics such as web development, data analysis, and more in a fun and engaging way.Maximilian SchwarzmüllerSince the age of 13, he has never stopped learning new programming skills and languages. In his early days, he started creating websites simply for fun. This passion has remained and shaped his decision to work as a freelance web developer and consultant. Although he started web development on the backend (PHP with Laravel and NodeJS), he has progressed to becoming a front-end developer using modern frameworks such as React, Angular, and VueJS 2 in many projects.The most rewarding experience for him is to see how people find new and better jobs, build exciting web applications, acquire amazing projects, or simply enjoy their hobby with the help of his content.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.