Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай React Native - The Practical Guide [2024], а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:01:06
    Welcome To This Course & What To Expect!
  • Урок 2. 00:03:28
    What Is React Native?
  • Урок 3. 00:05:06
    A Glance Under The Hood Of React Native
  • Урок 4. 00:06:27
    Creating React Native Projects: Expo CLI vs React Native CLI
  • Урок 5. 00:04:40
    Creating a New React Native Project
  • Урок 6. 00:05:17
    Analyzing The Created Project
  • Урок 7. 00:04:21
    Running Our First App On A Real Device!
  • Урок 8. 00:09:27
    Setting Up A Local Development Environment
  • Урок 9. 00:06:55
    About This Course
  • Урок 10. 00:01:45
    Module Introduction
  • Урок 11. 00:07:53
    Exploring Core Components & Component Styling
  • Урок 12. 00:07:01
    Working With Core Components
  • Урок 13. 00:10:14
    Styling React Native Apps
  • Урок 14. 00:03:20
    Exploring Layouts & Flexbox
  • Урок 15. 00:02:32
    React Native & Flexbox
  • Урок 16. 00:05:09
    Using Flexbox To Create Layouts
  • Урок 17. 00:12:20
    Flexbox - A Deep Dive
  • Урок 18. 00:07:13
    Improving The Layout
  • Урок 19. 00:07:30
    Handling Events
  • Урок 20. 00:07:11
    Managing A List Of Course Goals (in our Demo App)
  • Урок 21. 00:08:51
    iOS & Android Styling Differences
  • Урок 22. 00:06:16
    Making Content Scrollable with ScrollView
  • Урок 23. 00:13:42
    Optimizing Lists with FlatList
  • Урок 24. 00:05:12
    Splitting Components Into Smaller Components
  • Урок 25. 00:02:34
    Utilizing Props
  • Урок 26. 00:09:41
    Working on the "Goal Input" Component
  • Урок 27. 00:03:35
    Handling Taps with the Pressable Component
  • Урок 28. 00:05:18
    Making Items Deletable & Using IDs
  • Урок 29. 00:04:53
    Adding an Android Ripple Effect & an iOS Alternative
  • Урок 30. 00:06:58
    Adding a Modal Screen
  • Урок 31. 00:05:42
    Styling the Modal Overlay
  • Урок 32. 00:02:31
    Opening & Closing the Modal
  • Урок 33. 00:06:05
    Working with Images & Changing Colors
  • Урок 34. 00:07:16
    App Finishing Touches
  • Урок 35. 00:03:33
    Module Summary
  • Урок 36. 00:01:18
    Module Introduction
  • Урок 37. 00:04:38
    Handling Errors
  • Урок 38. 00:01:53
    Logging to the Console
  • Урок 39. 00:03:06
    Debugging JavaScript Remotely
  • Урок 40. 00:03:28
    Using the React DevTools
  • Урок 41. 00:00:35
    Using the Documentation
  • Урок 42. 00:02:07
    Module Introduction & What We'll Build
  • Урок 43. 00:03:04
    Starting Setup & Analyzing the Target App
  • Урок 44. 00:05:41
    Setting Up our Screen Components
  • Урок 45. 00:06:59
    Creating Custom Buttons
  • Урок 46. 00:11:17
    Styling for Android & iOS
  • Урок 47. 00:06:53
    Styling the "Number Input" Element
  • Урок 48. 00:03:22
    Configuring the TextInput Field
  • Урок 49. 00:15:47
    Adding Visual Feedback to the Buttons
  • Урок 50. 00:07:39
    Improving the Buttons
  • Урок 51. 00:03:20
    Coloring the Components & The Overall App
  • Урок 52. 00:04:03
    Adding a Linear Gradient
  • Урок 53. 00:07:04
    Adding a Background Image
  • Урок 54. 00:07:11
    Getting Started with the Game Logic
  • Урок 55. 00:07:31
    Handling User Input & Showing an Alert Dialog
  • Урок 56. 00:07:12
    Switching Screens Programmatically
  • Урок 57. 00:04:46
    Starting Work on the Game Screen
  • Урок 58. 00:03:07
    Respecting Device Screen Restrictions with the SafeAreaView
  • Урок 59. 00:04:38
    Creating a Title Component
  • Урок 60. 00:06:54
    Managing Colors Globally
  • Урок 61. 00:12:44
    Creating, Using & Displaying Random Numbers
  • Урок 62. 00:15:28
    Adding Game Control Buttons ("+" & "-") to the App
  • Урок 63. 00:11:13
    Checking for "Game Over"
  • Урок 64. 00:11:41
    Improving the Game Screen Visuals
  • Урок 65. 00:05:46
    Using "Cascading Styles"
  • Урок 66. 00:04:09
    Working with Icons (Button Icons)
  • Урок 67. 00:07:04
    Adding & Using Custom Fonts with React Native Apps
  • Урок 68. 00:09:02
    Adding a (Foreground) Image
  • Урок 69. 00:04:53
    Using & Styling Nested Text
  • Урок 70. 00:06:59
    Adding Logic to (Re-)Start Games & Displaying a Summary Screen
  • Урок 71. 00:05:52
    Logging Game Rounds
  • Урок 72. 00:02:51
    Outputting Log Data with FlatList
  • Урок 73. 00:08:11
    Styling the Game Round Logs
  • Урок 74. 00:04:34
    Finishing Touches
  • Урок 75. 00:02:57
    Module Summary
  • Урок 76. 00:04:06
    Module Introduction
  • Урок 77. 00:04:30
    Setting Dynamic Widths
  • Урок 78. 00:06:40
    Introducing the Dimensions API
  • Урок 79. 00:04:05
    Adjusting Image Sizes with the Dimensions API
  • Урок 80. 00:03:17
    Understanding Screen Orientation Problems
  • Урок 81. 00:07:57
    Setting Sizes Dynamically (for different Orientations)
  • Урок 82. 00:05:50
    Managing Screen Content with KeyboardAvoidingView
  • Урок 83. 00:07:55
    Improving the Landscape Mode UI
  • Урок 84. 00:04:36
    Further Improvements with useWindowDimensions
  • Урок 85. 00:09:00
    Writing Platform-specific Code with the Platform API
  • Урок 86. 00:02:09
    Styling the Status Bar
  • Урок 87. 00:01:29
    Module Introduction
  • Урок 88. 00:04:22
    What Is Navigation?
  • Урок 89. 00:09:32
    Getting Started with the App & Outputting Meal Categories
  • Урок 90. 00:14:29
    Displaying Items in a Grid
  • Урок 91. 00:09:45
    Getting Started with the React Navigation Package
  • Урок 92. 00:08:31
    Implementing Navigation Between Two Screens
  • Урок 93. 00:03:39
    Understanding the useNavigation Hook
  • Урок 94. 00:06:37
    Working with Route Parameters To Pass Data Between Screens
  • Урок 95. 00:07:52
    Displaying Meals
  • Урок 96. 00:17:12
    Adding Images & Styling
  • Урок 97. 00:08:00
    Styling Screen Headers & Backgrounds
  • Урок 98. 00:09:05
    Setting Navigation Options Dynamically
  • Урок 99. 00:08:58
    Adding & Configuring the Meal Details Screen
  • Урок 100. 00:09:25
    Outputting Content in the Meal Detail Screen
  • Урок 101. 00:18:58
    Finishing the Meal Detail Screen
  • Урок 102. 00:06:56
    Adding Header Buttons
  • Урок 103. 00:04:51
    Adding an Icon Button to a Header
  • Урок 104. 00:09:33
    Adding Drawer Navigation & Creating a Drawer
  • Урок 105. 00:10:10
    Configuring the Drawer Navigator & The Drawer
  • Урок 106. 00:06:31
    Adding, Configuring & Using Bottom Tabs
  • Урок 107. 00:13:05
    Nesting Navigators
  • Урок 108. 00:03:53
    App Finishing Touches
  • Урок 109. 00:02:44
    Module Summary
  • Урок 110. 00:03:05
    Module Introduction
  • Урок 111. 00:05:23
    Getting Started with React's Context API
  • Урок 112. 00:05:00
    Managing App-wide State with Context
  • Урок 113. 00:05:12
    Using the Created Context with useContext
  • Урок 114. 00:09:40
    Managing Favorite Meals with the Context API
  • Урок 115. 00:04:46
    Getting Started with Redux & Redux Toolkit
  • Урок 116. 00:07:03
    Working with Redux Slices
  • Урок 117. 00:05:14
    Managing Redux State & Dispatching Actions
  • Урок 118. 00:01:46
    Using Redux State in Components
  • Урок 119. 00:01:17
    Module Summary
  • Урок 120. 00:02:22
    Module Introduction & What We'll Build
  • Урок 121. 00:06:18
    The Starting Setup
  • Урок 122. 00:08:29
    Adding Navigation (with React Navigation) & Configuring Navigation
  • Урок 123. 00:10:04
    Adding Global Colors & Editing Navigation Configuration
  • Урок 124. 00:06:18
    Creating Key App Components to Display Expenses
  • Урок 125. 00:06:49
    Continuing Work on the Expense-related Components
  • Урок 126. 00:05:38
    Adding Dummy Expense Data
  • Урок 127. 00:04:46
    Outputting a List of Expenses
  • Урок 128. 00:07:51
    Improving App Layout & Styling
  • Урок 129. 00:13:25
    Working on Expense List Items
  • Урок 130. 00:04:42
    Formatting Dates
  • Урок 131. 00:11:33
    Adding a Header Button & Making Expense Items Tappable
  • Урок 132. 00:05:17
    Navigating Programmatically Between Screens
  • Урок 133. 00:03:07
    Styling The Expense Management Screen
  • Урок 134. 00:07:01
    Supporting Different Editing Modes & Using Route Parameters
  • Урок 135. 00:05:35
    Adding a "Delete" Button
  • Урок 136. 00:09:41
    Adding Custom Buttons
  • Урок 137. 00:03:22
    Closing A Modal Programmatically
  • Урок 138. 00:18:18
    Managing App-wide State With Context
  • Урок 139. 00:08:20
    Using Context From Inside Components
  • Урок 140. 00:06:33
    Deleting & Updating Expenses
  • Урок 141. 00:04:26
    Finishing Touches
  • Урок 142. 00:01:27
    Module Introduction
  • Урок 143. 00:08:35
    Building a Custom Input Component
  • Урок 144. 00:05:58
    Creating an Overall Form
  • Урок 145. 00:04:10
    Configuring the Form Input Elements
  • Урок 146. 00:07:41
    Adding Styling
  • Урок 147. 00:06:42
    Setting the Form Layout
  • Урок 148. 00:09:57
    Handling User Input in a Generic Way
  • Урок 149. 00:04:55
    Managing Form State & Submission
  • Урок 150. 00:05:21
    Working with Entered Data
  • Урок 151. 00:07:09
    Setting & Using Default Values
  • Урок 152. 00:06:39
    Adding Validation
  • Урок 153. 00:09:19
    Providing Visual Validation Feedback
  • Урок 154. 00:04:55
    Adding Error Styling
  • Урок 155. 00:01:42
    Module Summary
  • Урок 156. 00:02:23
    Module Introduction
  • Урок 157. 00:03:30
    Backend Setup (Firebase)
  • Урок 158. 00:02:13
    Installing Axios
  • Урок 159. 00:06:35
    Sending POST Http Requests
  • Урок 160. 00:09:26
    Fetching Backend Data (GET Requests)
  • Урок 161. 00:08:20
    Transforming & Using Fetched Data
  • Урок 162. 00:05:44
    Using Response Data from POST Requests
  • Урок 163. 00:07:51
    Updating & Deleting Backend Data (UPDATE & DELETE Requests)
  • Урок 164. 00:08:58
    Managing the Loading State
  • Урок 165. 00:12:03
    Handling Request Errors
  • Урок 166. 00:00:59
    Module Summary
  • Урок 167. 00:02:00
    Module Introduction
  • Урок 168. 00:03:57
    Demo App Walkthrough
  • Урок 169. 00:02:59
    How Does Authentication Work?
  • Урок 170. 00:05:36
    Backend Setup
  • Урок 171. 00:04:40
    Controlling Signup & Login Screens
  • Урок 172. 00:05:20
    Sending Authentication Requests to the Backend
  • Урок 173. 00:05:40
    Creating New Users
  • Урок 174. 00:06:32
    Logging Users In
  • Урок 175. 00:03:50
    Authentication Error Handling
  • Урок 176. 00:07:14
    Storing & Managing the User Authentication State (with Context)
  • Урок 177. 00:04:17
    Extracting the Authentication Token
  • Урок 178. 00:06:58
    Protecting Screens
  • Урок 179. 00:03:39
    Adding a Logout Functionality
  • Урок 180. 00:10:18
    Accessing Protected Resources
  • Урок 181. 00:11:47
    Storing Auth Tokens on the Device & Logging Users In Automatically
  • Урок 182. 00:02:14
    Module Summary
  • Урок 183. 00:02:38
    Module Introduction
  • Урок 184. 00:08:55
    Adding a "Favorite Places" List
  • Урок 185. 00:08:00
    Editing the Favorite Place Items
  • Урок 186. 00:06:35
    Adding an "Add Place" Screen + Navigation
  • Урок 187. 00:07:18
    Adding a Header Button
  • Урок 188. 00:05:04
    Global Colors & Styling
  • Урок 189. 00:06:00
    Getting Started with a Custom Form
  • Урок 190. 00:06:20
    Adding & Configuring the Camera Package (for Native Camera Access)
  • Урок 191. 00:06:09
    Taking Photos on Android
  • Урок 192. 00:08:29
    Taking Photos on iOS + Managing Permissions
  • Урок 193. 00:06:42
    Showing an Image Preview
  • Урок 194. 00:06:02
    Creating a Custom Button
  • Урок 195. 00:05:34
    Getting Started with the Location Picker
  • Урок 196. 00:09:07
    Locating Users
  • Урок 197. 00:12:26
    Adding a Location Preview Map
  • Урок 198. 00:08:33
    Adding an Interactive Map (Google Maps & Apple Maps)
  • Урок 199. 00:05:11
    Allowing Map Interaction & Adding Markers
  • Урок 200. 00:07:40
    Confirming Picked Locations
  • Урок 201. 00:09:16
    Previewing Picked Locations
  • Урок 202. 00:04:45
    Adding a Form Submit Button
  • Урок 203. 00:09:31
    Managing Location & Image State in the Form
  • Урок 204. 00:09:46
    Converting Picked Locations to Human-Readable Addresses
  • Урок 205. 00:05:21
    Passing Entered Data to the "AllPlaces" Screen
  • Урок 206. 00:04:40
    Outputting a List Of Places
  • Урок 207. 00:06:30
    Styling Place Items
  • Урок 208. 00:16:12
    SQLite: Getting Started & Initialization
  • Урок 209. 00:07:10
    Preparing Code to Insert Data into the SQLite Database
  • Урок 210. 00:03:18
    Inserting Places into the Database
  • Урок 211. 00:09:36
    Fetching Places from the Database
  • Урок 212. 00:09:16
    Adding the Place Details Screen
  • Урок 213. 00:08:37
    Fetching Place Detail Data from the Database
  • Урок 214. 00:09:10
    Showing a Readonly Map
  • Урок 215. 00:02:29
    Module Summary
  • Урок 216. 00:01:31
    Module Introduction
  • Урок 217. 00:04:21
    How Exactly Does Expo Work?
  • Урок 218. 00:05:35
    Expo Alternatives
  • Урок 219. 00:04:44
    Setting Up Our System
  • Урок 220. 00:07:49
    Using Expo's Bare Workflow
  • Урок 221. 00:07:27
    Using Native Device Features with the Bare Workflow
  • Урок 222. 00:05:42
    Ejecting To The Bare Workflow
  • Урок 223. 00:07:12
    Creating Projects with the React Native CLI (no Expo)
  • Урок 224. 00:03:28
    Non-Expo Apps & Native Device Features
  • Урок 225. 00:01:52
    Module Summary
  • Урок 226. 00:01:37
    Module Introduction
  • Урок 227. 00:04:06
    Publishing Apps: An Overview
  • Урок 228. 00:02:31
    Key Configuration Items & Considerations
  • Урок 229. 00:08:17
    Configuring App Names & Versions
  • Урок 230. 00:01:52
    A Quick Note About Environment Variables
  • Урок 231. 00:03:41
    Adding Icons & A Splash Screen
  • Урок 232. 00:14:32
    Building Expo Apps with EAS
  • Урок 233. 00:16:47
    EAS for iOS (even on Windows Devices)
  • Урок 234. 00:10:24
    Building for iOS Without Expo
  • Урок 235. 00:07:22
    Building for Android Without Expo
  • Урок 236. 00:01:03
    Module Introduction
  • Урок 237. 00:02:09
    What are (Local) Notifications?
  • Урок 238. 00:06:12
    Adding the Expo Notification Package
  • Урок 239. 00:06:06
    Scheduling Notifications
  • Урок 240. 00:05:23
    Handling Incoming Notifications
  • Урок 241. 00:07:11
    Reacting To Incoming Notifications
  • Урок 242. 00:04:52
    Reacting To User Interaction With Incoming Notifications
  • Урок 243. 00:06:41
    Understanding Push Notifications
  • Урок 244. 00:05:14
    Push Notifications Setup
  • Урок 245. 00:08:55
    Using the Push Token
  • Урок 246. 00:08:43
    Sending Push Notifications
  • Урок 247. 00:02:25
    Module Summary
  • Урок 248. 00:00:56
    Course Roundup
  • Урок 249. 00:01:37
    Module Introduction
  • Урок 250. 00:02:36
    JavaScript - A Summary
  • Урок 251. 00:04:35
    Core Syntax Refresher
  • Урок 252. 00:02:29
    let & const
  • Урок 253. 00:05:18
    Arrow Functions
  • Урок 254. 00:03:20
    Objects: Properties & Methods
  • Урок 255. 00:04:17
    Arrays & Array Methods
  • Урок 256. 00:02:14
    Arrays, Objects & Reference Types
  • Урок 257. 00:06:42
    Spread Operator & Rest Parameters
  • Урок 258. 00:05:38
    Destructuring
  • Урок 259. 00:10:29
    Async Code & Promises
  • Урок 260. 00:00:51
    Wrap Up
  • Урок 261. 00:01:13
    Module Introduction
  • Урок 262. 00:03:14
    What is React
  • Урок 263. 00:04:04
    A Starting Project
  • Урок 264. 00:05:32
    Understanding JSX
  • Урок 265. 00:02:51
    Understanding Components
  • Урок 266. 00:07:05
    Working with Multiple Components
  • Урок 267. 00:06:53
    Working with Props
  • Урок 268. 00:04:31
    Rendering Lists of Data
  • Урок 269. 00:07:25
    Handling Events
  • Урок 270. 00:04:39
    Parent-Child Communication
  • Урок 271. 00:05:55
    Managing State
  • Урок 272. 00:04:21
    More on State
  • Урок 273. 00:05:53
    User Input & Two-Way Binding
  • Урок 274. 00:02:12
    Wrap Up
  • Урок 275. 00:07:17
    This Course Was Updated | Update Information