Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай The Complete React Native + Hooks Course, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:00:53
    How to Get Help
  • Урок 2. 00:03:20
    Course Overview
  • Урок 3. 00:07:03
    App Setup
  • Урок 4. 00:04:10
    Making Changes
  • Урок 5. 00:08:51
    Overview of React Components
  • Урок 6. 00:04:09
    Showing a Custom Component
  • Урок 7. 00:07:09
    Common Questions and Answers
  • Урок 8. 00:05:51
    Rules of JSX
  • Урок 9. 00:01:46
    One Common Error
  • Урок 10. 00:01:47
    JSX Exercise Overview
  • Урок 11. 00:02:41
    JSX Solution
  • Урок 12. 00:02:25
    Building Lists
  • Урок 13. 00:02:25
    The FlatList Element
  • Урок 14. 00:05:13
    Rendering a FlatList
  • Урок 15. 00:04:12
    Why a Key Property?
  • Урок 16. 00:05:19
    Solving the Key Issue
  • Урок 17. 00:04:58
    A Few Props Around FlatList
  • Урок 18. 00:00:54
    Exercise Overview
  • Урок 19. 00:02:15
    Exercise Solution
  • Урок 20. 00:03:45
    Button Types
  • Урок 21. 00:05:21
    Buttons in Action
  • Урок 22. 00:04:19
    Touchable Opacity in Action
  • Урок 23. 00:06:47
    Navigating with React Navigation
  • Урок 24. 00:04:04
    Destructuring Props
  • Урок 25. 00:03:36
    Component Reuse with Props
  • Урок 26. 00:01:50
    Exercise Solution
  • Урок 27. 00:05:08
    Parent-Child Relationships
  • Урок 28. 00:05:45
    Communicating from Parent to Child
  • Урок 29. 00:04:08
    Showing Images
  • Урок 30. 00:04:15
    Passing Images as Props
  • Урок 31. 00:00:48
    Exercise Outline
  • Урок 32. 00:02:28
    Exercise Solution
  • Урок 33. 00:05:36
    State in Components
  • Урок 34. 00:03:15
    Screen Boilerplate
  • Урок 35. 00:09:46
    State in Action
  • Урок 36. 00:07:01
    Notes on State
  • Урок 37. 00:05:07
    App Overview
  • Урок 38. 00:04:28
    Generating Random Colors
  • Урок 39. 00:04:49
    Adding Random Colors
  • Урок 40. 00:03:34
    Showing Colors with a FlatList
  • Урок 41. 00:04:44
    App Overview
  • Урок 42. 00:06:15
    Reusable Color Adjusters
  • Урок 43. 00:05:32
    Coordinating State
  • Урок 44. 00:06:22
    Passing Callbacks to Children
  • Урок 45. 00:07:17
    Tying State Values Together
  • Урок 46. 00:07:57
    Validating State Changes
  • Урок 47. 00:07:35
    Reusable State Updates
  • Урок 48. 00:08:40
    Introduction to Reducers
  • Урок 49. 00:15:01
    Creating a Reducer
  • Урок 50. 00:08:56
    Applying State with a Reducer
  • Урок 51. 00:07:01
    Restoring Validation
  • Урок 52. 00:06:51
    Community Convention in Reducers
  • Урок 53. 00:01:17
    Exercise Outline
  • Урок 54. 00:10:57
    Exercise Solution
  • Урок 55. 00:03:23
    Handling Text Input
  • Урок 56. 00:03:29
    Showing a Text Input
  • Урок 57. 00:04:17
    Two Important Props
  • Урок 58. 00:06:12
    Weird Things with Text and State
  • Урок 59. 00:04:53
    Updating State
  • Урок 60. 00:02:29
    Exercise Outline
  • Урок 61. 00:02:35
    Exercise Solution
  • Урок 62. 00:03:50
    Layout with React Native
  • Урок 63. 00:05:56
    Basics of Box Object Model
  • Урок 64. 00:04:35
    AlignItems with Flex
  • Урок 65. 00:03:49
    Flex Direction
  • Урок 66. 00:02:57
    Justify Content
  • Урок 67. 00:05:09
    Flex Values
  • Урок 68. 00:02:25
    Align Self on Children
  • Урок 69. 00:02:34
    The Position Property
  • Урок 70. 00:03:02
    Top, Bottom, Left, Right
  • Урок 71. 00:02:47
    Absolute Fill Objects
  • Урок 72. 00:01:53
    Applying Layout Systems
  • Урок 73. 00:01:14
    Exercise Overview
  • Урок 74. 00:06:19
    Exercise Solution
  • Урок 75. 00:01:37
    App Overview
  • Урок 76. 00:02:41
    Project Generation
  • Урок 77. 00:04:41
    Yelp Signup
  • Урок 78. 00:04:17
    Yelp Walkthrough
  • Урок 79. 00:03:07
    React Navigation
  • Урок 80. 00:06:59
    Assembling a Navigator
  • Урок 81. 00:02:48
    Architecture Approach
  • Урок 82. 00:04:12
    Starting the SearchBar
  • Урок 83. 00:05:49
    Displaying Icons
  • Урок 84. 00:04:09
    Search Bar Styling
  • Урок 85. 00:03:53
    A Touch More Styling
  • Урок 86. 00:06:43
    Managing State
  • Урок 87. 00:04:05
    Detecting Editing Completion
  • Урок 88. 00:07:00
    Configuring Axios
  • Урок 89. 00:10:38
    Making the Request
  • Урок 90. 00:07:31
    Error Handling
  • Урок 91. 00:06:19
    Running an Initial Search
  • Урок 92. 00:04:15
    The UseEffect Hook
  • Урок 93. 00:07:35
    Extracting Hook Logic
  • Урок 94. 00:05:58
    Showing Search Results
  • Урок 95. 00:07:11
    Grouping Results
  • Урок 96. 00:03:59
    FlatList Rendering
  • Урок 97. 00:04:28
    Showing a Single Result
  • Урок 98. 00:05:43
    Showing Additional Info
  • Урок 99. 00:07:01
    A Few More Styling Issues
  • Урок 100. 00:02:39
    Hiding Scroll Bars
  • Урок 101. 00:02:58
    Constraining View Elements
  • Урок 102. 00:02:40
    Empty Elements
  • Урок 103. 00:01:41
    Spacing on the Search Bar
  • Урок 104. 00:04:49
    Reminder on Navigation
  • Урок 105. 00:03:19
    Navigating from a Child Component
  • Урок 106. 00:03:25
    The WithNavigation Helper
  • Урок 107. 00:03:45
    Communicating Between Screens
  • Урок 108. 00:05:55
    Fetching a Single Restaurant
  • Урок 109. 00:04:13
    Showing a List of Images
  • Урок 110. 00:02:22
    One Last Fix
  • Урок 111. 00:03:10
    App Overview
  • Урок 112. 00:05:46
    Issues with Data
  • Урок 113. 00:05:20
    Initial Setup
  • Урок 114. 00:02:42
    Wrapping the Navigator
  • Урок 115. 00:02:20
    Introduction to Context
  • Урок 116. 00:06:00
    Adding Context
  • Урок 117. 00:06:05
    Moving Data with Context
  • Урок 118. 00:03:56
    Rendering a List of Posts
  • Урок 119. 00:07:55
    Adding State in Context
  • Урок 120. 00:04:06
    It Works!
  • Урок 121. 00:02:12
    Opportunity for Improvement
  • Урок 122. 00:09:33
    Updating with UseReducer
  • Урок 123. 00:12:13
    Automating Context Creation
  • Урок 124. 00:09:13
    More Automatic Context Creation
  • Урок 125. 00:07:18
    A Bit of Styling
  • Урок 126. 00:03:47
    Deleting Posts
  • Урок 127. 00:05:53
    Updating the Reducer
  • Урок 128. 00:05:01
    Navigation on Tap
  • Урок 129. 00:05:01
    Retrieving Single Posts
  • Урок 130. 00:02:16
    Adding a Creation Screen
  • Урок 131. 00:04:59
    Header Navigation
  • Урок 132. 00:06:52
    Displaying a Form
  • Урок 133. 00:04:42
    Saving a New Post
  • Урок 134. 00:06:20
    Navigation on Save
  • Урок 135. 00:04:50
    The Edit Icon Link
  • Урок 136. 00:06:16
    Communicating Info to Edit
  • Урок 137. 00:05:39
    Initializing State from Context
  • Урок 138. 00:09:06
    Extracting Form Logic
  • Урок 139. 00:04:25
    Customizing OnSubmit
  • Урок 140. 00:05:00
    Initial Form Values
  • Урок 141. 00:02:29
    Default Props
  • Урок 142. 00:05:00
    Editing Action Function
  • Урок 143. 00:03:39
    Editing in a Reducer
  • Урок 144. 00:04:16
    Navigating Backwards
  • Урок 145. 00:02:10
    Outside Data API
  • Урок 146. 00:03:13
    Issues with Servers + React Native
  • Урок 147. 00:06:44
    JSON Server and Ngrok Setup
  • Урок 148. 00:03:49
    JSON Server REST Conventions
  • Урок 149. 00:10:17
    Making a Request
  • Урок 150. 00:05:56
    Remote Fetch of Posts
  • Урок 151. 00:03:54
    Creating Posts with Post Requests
  • Урок 152. 00:06:00
    Refetching on Navigate
  • Урок 153. 00:02:34
    Deleting a Post
  • Урок 154. 00:01:39
    Editing Posts
  • Урок 155. 00:03:22
    App Wrapup
  • Урок 156. 00:04:31
    App Overview
  • Урок 157. 00:02:07
    Dependencies Setup
  • Урок 158. 00:03:45
    The Basics of Express
  • Урок 159. 00:03:38
    MongoDB Setup
  • Урок 160. 00:06:37
    Connecting to MongoDB
  • Урок 161. 00:01:19
    Nodemon for Automatic Restarts
  • Урок 162. 00:05:32
    Understanding the Signup Process
  • Урок 163. 00:02:47
    Using Postman
  • Урок 164. 00:05:26
    Handling JSON Data
  • Урок 165. 00:07:10
    Defining a User Schema
  • Урок 166. 00:04:38
    Creating and Saving a User
  • Урок 167. 00:05:44
    Error Handling
  • Урок 168. 00:07:13
    JSON Web Tokens
  • Урок 169. 00:02:49
    Creating a JWT
  • Урок 170. 00:13:01
    Wiring Up JSON Web Tokens
  • Урок 171. 00:08:19
    Understanding Password Hashing
  • Урок 172. 00:08:36
    Salting and Hashing
  • Урок 173. 00:06:43
    The Signin Route
  • Урок 174. 00:03:24
    Testing Signup and Signin
  • Урок 175. 00:07:00
    Defining Tracks
  • Урок 176. 00:07:48
    Listing Tracks
  • Урок 177. 00:10:01
    Creating Tracks
  • Урок 178. 00:08:26
    Server Setup
  • Урок 179. 00:11:15
    Navigation Design
  • Урок 180. 00:07:25
    A LOT of Boilerplate
  • Урок 181. 00:07:45
    Navigator Hookup
  • Урок 182. 00:06:29
    Testing the Navigation Flow
  • Урок 183. 00:05:20
    React Native Elements
  • Урок 184. 00:09:00
    Helper Styling Components
  • Урок 185. 00:06:40
    Styling Odds and Ends
  • Урок 186. 00:04:40
    Input Props
  • Урок 187. 00:10:44
    The Auth Context
  • Урок 188. 00:07:37
    What's the Context Doing?
  • Урок 189. 00:05:32
    Axios Setup
  • Урок 190. 00:09:45
    Making an API Request
  • Урок 191. 00:07:44
    Handling Errored Requests
  • Урок 192. 00:04:23
    Async Storage
  • Урок 193. 00:06:32
    Storing the Token
  • Урок 194. 00:13:11
    Navigation From Outside of React
  • Урок 195. 00:00:51
    Oops, Typo
  • Урок 196. 00:03:38
    Navigation to Signin
  • Урок 197. 00:09:46
    Extracting Form Logic
  • Урок 198. 00:04:32
    Last Bit of Extracting
  • Урок 199. 00:06:57
    Creating a NavLink
  • Урок 200. 00:05:10
    Real Component Reuse!
  • Урок 201. 00:08:03
    Wiring Up Signin
  • Урок 202. 00:11:05
    Clearing Error Messages
  • Урок 203. 00:05:37
    Automatic Signin
  • Урок 204. 00:07:23
    Empty Screens While Resolving Auth
  • Урок 205. 00:07:02
    Signing Out a User
  • Урок 206. 00:02:11
    Safe Area Views
  • Урок 207. 00:05:04
    Working on Track Create
  • Урок 208. 00:04:59
    Showing a Map
  • Урок 209. 00:04:38
    Drawing a Series of Points
  • Урок 210. 00:04:14
    Notes on Location
  • Урок 211. 00:06:40
    Requesting Location Permissions
  • Урок 212. 00:04:23
    Resetting Permissions
  • Урок 213. 00:03:46
    How to Test Location?
  • Урок 214. 00:06:09
    Faking the Users Location
  • Урок 215. 00:04:06
    Reading a Location
  • Урок 216. 00:03:20
    Bugginess with Location
  • Урок 217. 00:03:53
    Location Architecture
  • Урок 218. 00:04:21
    Location Context
  • Урок 219. 00:13:48
    Live Location Updates
  • Урок 220. 00:04:10
    Drawing a Position Indicator
  • Урок 221. 00:08:28
    Extracting Logic to a Hook
  • Урок 222. 00:04:19
    Disabling Location Tracking
  • Урок 223. 00:08:30
    Automatic Disables
  • Урок 224. 00:03:50
    Building a Track Form
  • Урок 225. 00:08:42
    Updates to Location Context
  • Урок 226. 00:05:50
    Track Form Wire Up
  • Урок 227. 00:08:31
    Buggy UseEffects
  • Урок 228. 00:12:43
    Understanding Stale References
  • Урок 229. 00:06:58
    Kind of Fixed
  • Урок 230. 00:07:07
    The UseCallback Hook
  • Урок 231. 00:06:05
    Cleaning Up After Ourselves
  • Урок 232. 00:07:16
    Avoiding Stale References
  • Урок 233. 00:02:19
    Tracking While Recording
  • Урок 234. 00:03:39
    Bring Back the Polyline
  • Урок 235. 00:07:55
    What Manages Tracks
  • Урок 236. 00:07:43
    Coordination Between Contexts
  • Урок 237. 00:10:27
    Automatic Authentication
  • Урок 238. 00:07:25
    Form Reset and Navigation
  • Урок 239. 00:02:07
    Fetching Created Tracks
  • Урок 240. 00:07:26
    Listing All Tracks
  • Урок 241. 00:05:10
    Navigating to a Saved Track
  • Урок 242. 00:05:22
    Showing Track Details
  • Урок 243. 00:08:48
    Fixing Odds and Ends
  • Урок 244. 00:06:03
    OSX Installation
  • Урок 245. 00:05:26
    More on OSX Installation
  • Урок 246. 00:02:13
    Running in the Simulator
  • Урок 247. 00:06:32
    Windows Setup of React Native
  • Урок 248. 00:05:13
    Android Studio and React Native CLI Installation
  • Урок 249. 00:14:57
    Emulator Creation and System Variables
  • Урок 250. 00:03:38
    ESLint Setup with VSCode
  • Урок 251. 00:02:17
    Project Directory Walkthrough
  • Урок 252. 00:03:18
    Getting Content on the Screen
  • Урок 253. 00:03:12
    React vs React Native
  • Урок 254. 00:06:16
    Creating a Component with JSX
  • Урок 255. 00:03:46
    Registering a Component
  • Урок 256. 00:05:26
    Destructuring Imports
  • Урок 257. 00:04:48
    Application Outline
  • Урок 258. 00:08:30
    The Header Component
  • Урок 259. 00:06:51
    Consuming File Exports
  • Урок 260. 00:04:34
    Styling with React Native
  • Урок 261. 00:04:52
    More on Styling Components
  • Урок 262. 00:05:25
    Introduction to Flexbox
  • Урок 263. 00:04:24
    Header Styling
  • Урок 264. 00:07:19
    Making the Header Reusable
  • Урок 265. 00:04:52
    Sourcing Album Data
  • Урок 266. 00:06:08
    List Component Boilerplate
  • Урок 267. 00:07:26
    Class Based Components
  • Урок 268. 00:06:41
    Lifecycle Methods
  • Урок 269. 00:08:12
    Network Requests
  • Урок 270. 00:08:58
    Component Level State
  • Урок 271. 00:06:54
    More on Component Level State
  • Урок 272. 00:05:56
    Rendering a List of Components
  • Урок 273. 00:09:31
    Displaying Individual Albums
  • Урок 274. 00:05:26
    Fantastic Reusable Components - The Card
  • Урок 275. 00:06:06
    Styling a Card
  • Урок 276. 00:04:13
    Passing Components as Props
  • Урок 277. 00:08:24
    Dividing Cards into Sections
  • Урок 278. 00:05:13
    Mastering Layout with Flexbox
  • Урок 279. 00:05:21
    Positioning of Elements on Mobile
  • Урок 280. 00:04:28
    More on Styling
  • Урок 281. 00:07:36
    Images with React Native
  • Урок 282. 00:08:41
    Displaying Album Artwork
  • Урок 283. 00:04:31
    Making Content Scrollable
  • Урок 284. 00:07:52
    Handling User Input with Buttons
  • Урок 285. 00:05:29
    Styling of Buttons with UX Considerations
  • Урок 286. 00:07:19
    Responding to User Input
  • Урок 287. 00:04:21
    Linking Between Mobile Apps
  • Урок 288. 00:02:30
    Setting Button Text by Props
  • Урок 289. 00:03:08
    App Wrapup
  • Урок 290. 00:04:46
    Auth App Introduction
  • Урок 291. 00:04:28
    A Common Root Component
  • Урок 292. 00:11:22
    Copying Reusable Components
  • Урок 293. 00:05:18
    What is Firebase?
  • Урок 294. 00:04:48
    Firebase Client Setup
  • Урок 295. 00:06:11
    Login Form Scaffolding
  • Урок 296. 00:03:21
    Handling User Inputs
  • Урок 297. 00:03:19
    More on Handling User Inputs
  • Урок 298. 00:04:31
    How to Create Controlled Components
  • Урок 299. 00:04:15
    Making Text Inputs From Scratch
  • Урок 300. 00:05:02
    A Focus on Passing Props
  • Урок 301. 00:06:01
    Making the Input Pretty
  • Урок 302. 00:07:16
    Wrapping up Inputs
  • Урок 303. 00:08:36
    Password Inputs
  • Урок 304. 00:05:36
    Logging a User In
  • Урок 305. 00:07:19
    Error Handling
  • Урок 306. 00:07:31
    More on Authentication Flow
  • Урок 307. 00:05:00
    Creating an Activity Spinner
  • Урок 308. 00:06:41
    Conditional Rendering of JSX
  • Урок 309. 00:08:29
    Clearing the Form Spinner
  • Урок 310. 00:06:10
    Handling Authentication Events
  • Урок 311. 00:07:20
    More on Conditional Rendering
  • Урок 312. 00:05:31
    Logging a User Out and Wrapup
  • Урок 313. 00:03:56
    App Mockup and Approach
  • Урок 314. 00:08:31
    The Basics of Redux
  • Урок 315. 00:07:38
    More on Redux
  • Урок 316. 00:11:41
    Redux is Hard!
  • Урок 317. 00:02:36
    Application Boilerplate
  • Урок 318. 00:08:15
    More on Redux Boilerplate
  • Урок 319. 00:05:32
    Rendering the Header
  • Урок 320. 00:06:46
    Reducer and State Design
  • Урок 321. 00:07:32
    Library List of Data
  • Урок 322. 00:10:07
    The Connect Function
  • Урок 323. 00:07:32
    MapStateToProps with Connect
  • Урок 324. 00:05:35
    A Quick Review and Breather
  • Урок 325. 00:07:12
    The Theory of ListView
  • Урок 326. 00:03:37
    ListView in Practice
  • Урок 327. 00:02:00
    Rendering a Single Row
  • Урок 328. 00:06:32
    Styling the List
  • Урок 329. 00:04:43
    Creating the Selection Reducer
  • Урок 330. 00:05:48
    Introducing Action Creators
  • Урок 331. 00:08:57
    Calling Action Creators
  • Урок 332. 00:06:57
    Adding a Touchable
  • Урок 333. 00:05:17
    Rules of Reducers
  • Урок 334. 00:05:13
    Expanding a Row
  • Урок 335. 00:06:24
    Moving Logic Out of Components
  • Урок 336. 00:07:03
    Animations
  • Урок 337. 00:05:07
    Wrapup
  • Урок 338. 00:04:41
    Overview of Our Next App
  • Урок 339. 00:05:09
    App Challenges
  • Урок 340. 00:06:23
    Just a Touch More Setup
  • Урок 341. 00:07:03
    More on Boilerplate Setup
  • Урок 342. 00:07:01
    Login Form in a Redux World
  • Урок 343. 00:06:20
    Rebuilding the Login Form
  • Урок 344. 00:08:43
    Handling Form Updates with Action Creators
  • Урок 345. 00:08:02
    Wiring up Action Creators
  • Урок 346. 00:08:48
    Typed Actions
  • Урок 347. 00:08:40
    Immutable State
  • Урок 348. 00:07:09
    Creating Immutable State
  • Урок 349. 00:07:46
    More on Creating Immutable State
  • Урок 350. 00:08:02
    Synchronous vs Asynchronous Action Creators
  • Урок 351. 00:06:30
    Introduction to Redux Thunk
  • Урок 352. 00:05:39
    Redux Thunk in Practice
  • Урок 353. 00:07:50
    Redux Thunk in Practice Continued
  • Урок 354. 00:03:28
    Making LoginUser More Robust
  • Урок 355. 00:07:24
    Creating User Accounts
  • Урок 356. 00:06:46
    Showing Error Messages
  • Урок 357. 00:06:46
    A Firebase Gotcha
  • Урок 358. 00:11:58
    Showing a Spinner on Loading
  • Урок 359. 00:08:20
    Dealing with Navigation
  • Урок 360. 00:04:54
    Navigation in the Router
  • Урок 361. 00:04:42
    Addressing Styling Issues
  • Урок 362. 00:05:42
    Displaying Multiple Scenes
  • Урок 363. 00:03:41
    Navigating Between Routes
  • Урок 364. 00:07:20
    Grouping Scenes with Buckets
  • Урок 365. 00:03:18
    Navigation Bar Buttons
  • Урок 366. 00:06:02
    Navigating to the Employee Creation Form
  • Урок 367. 00:05:15
    Building the Employee Creation Form
  • Урок 368. 00:07:01
    Employee Form Actions
  • Урок 369. 00:06:15
    Handling Form Updates at the Reducer Level
  • Урок 370. 00:08:49
    Dynamic Property Updates
  • Урок 371. 00:07:43
    The Picker Component
  • Урок 372. 00:07:01
    Pickers and Style Overrides
  • Урок 373. 00:06:37
    Firebase JSON Schema
  • Урок 374. 00:05:55
    Data Security in Firebase
  • Урок 375. 00:05:44
    Creating Records with Firebase
  • Урок 376. 00:05:49
    Default Form Values
  • Урок 377. 00:07:50
    Successful Data Save to Firebase
  • Урок 378. 00:09:49
    Resetting Form Properties
  • Урок 379. 00:08:17
    Fetching Data from Firebase
  • Урок 380. 00:08:59
    Storing Data by ID
  • Урок 381. 00:08:02
    Dynamic DataSource Building
  • Урок 382. 00:07:08
    Transforming Objects to Arrays
  • Урок 383. 00:06:26
    List Building in Employee List
  • Урок 384. 00:06:57
    Reusing the Employee Form
  • Урок 385. 00:06:54
    Create vs Edit Forms
  • Урок 386. 00:09:07
    Reusable Forms
  • Урок 387. 00:03:28
    A Standalone Employee Edit Form
  • Урок 388. 00:09:14
    Initializing Forms from State
  • Урок 389. 00:07:16
    Updating Firebase Records
  • Урок 390. 00:05:18
    Clearing Form Attributes
  • Урок 391. 00:04:43
    Texting Employees
  • Урок 392. 00:07:15
    Modals as a Reusable Component
  • Урок 393. 00:08:12
    The Modal Component Continued
  • Урок 394. 00:09:27
    Styling the Modal
  • Урок 395. 00:08:31
    Employee Delete Action Creator
  • Урок 396. 00:04:20
    Wiring up Employee Delete