• Урок 1. 00:01:50
    Introduction
  • Урок 2. 00:02:57
    What is React?
  • Урок 3. 00:02:29
    Real-World SPAs & React Web Apps
  • Урок 4. 00:15:08
    Writing our First React Code
  • Урок 5. 00:02:04
    Why Should we Choose React?
  • Урок 6. 00:01:12
    React Alternatives
  • Урок 7. 00:03:39
    Understanding Single Page Applications and Multi Page Applications
  • Урок 8. 00:07:29
    Course Outline
  • Урок 9. 00:02:30
    How to get the Most out of This Course
  • Урок 10. 00:01:37
    Module Introduction
  • Урок 11. 00:03:06
    Understanding "let" and "const"
  • Урок 12. 00:05:28
    Arrow Functions
  • Урок 13. 00:04:44
    Exports and Imports
  • Урок 14. 00:04:38
    Understanding Classes
  • Урок 15. 00:03:04
    Classes, Properties and Methods
  • Урок 16. 00:06:31
    The Spread & Rest Operator
  • Урок 17. 00:03:15
    Destructuring
  • Урок 18. 00:04:27
    Reference and Primitive Types Refresher
  • Урок 19. 00:02:47
    Refreshing Array Functions
  • Урок 20. 00:00:53
    Wrap Up
  • Урок 21. 00:00:40
    Module Introduction
  • Урок 22. 00:08:01
    The Build Workflow
  • Урок 23. 00:06:10
    Using Create React App
  • Урок 24. 00:08:12
    Understanding the Folder Structure
  • Урок 25. 00:05:33
    Understanding Component Basics
  • Урок 26. 00:05:39
    Understanding JSX
  • Урок 27. 00:03:10
    JSX Restrictions
  • Урок 28. 00:08:10
    Creating a Functional Component
  • Урок 29. 00:01:48
    Working with Components & Re-Using Them
  • Урок 30. 00:03:03
    Outputting Dynamic Content
  • Урок 31. 00:04:08
    Working with Props
  • Урок 32. 00:02:57
    Understanding the "children" Prop
  • Урок 33. 00:07:18
    Understanding & Using State
  • Урок 34. 00:03:46
    Handling Events with Methods
  • Урок 35. 00:05:04
    Manipulating the State
  • Урок 36. 00:13:52
    Using the useState() Hook for State Manipulation
  • Урок 37. 00:03:09
    Stateless vs Stateful Components
  • Урок 38. 00:07:06
    Passing Method References Between Components
  • Урок 39. 00:06:52
    Adding Two Way Binding
  • Урок 40. 00:05:29
    Adding Styling with Stylesheets
  • Урок 41. 00:04:16
    Working with Inline Styles
  • Урок 42. 00:22:29
    [OPTIONAL] Assignment Solution
  • Урок 43. 00:01:04
    Module Introduction
  • Урок 44. 00:10:11
    Rendering Content Conditionally
  • Урок 45. 00:04:50
    Handling Dynamic Content "The JavaScript Way"
  • Урок 46. 00:01:32
    Outputting Lists (Intro)
  • Урок 47. 00:05:33
    Outputting Lists
  • Урок 48. 00:04:13
    Lists & State
  • Урок 49. 00:02:40
    Updating State Immutably
  • Урок 50. 00:04:15
    Lists & Keys
  • Урок 51. 00:07:35
    Flexible Lists
  • Урок 52. 00:01:57
    Wrap Up
  • Урок 53. 00:17:18
    [OPTIONAL] Assignment Solution
  • Урок 54. 00:01:20
    Module Introduction
  • Урок 55. 00:01:59
    Outlining the Problem Set
  • Урок 56. 00:03:20
    Setting Styles Dynamically
  • Урок 57. 00:07:10
    Setting Class Names Dynamically
  • Урок 58. 00:07:01
    Adding and Using Radium
  • Урок 59. 00:05:03
    Using Radium for Media Queries
  • Урок 60. 00:08:17
    Introducing Styled Components
  • Урок 61. 00:05:52
    More on Styled Components
  • Урок 62. 00:05:28
    Styled Components & Dynamic Styles
  • Урок 63. 00:15:22
    Working with CSS Modules
  • Урок 64. 00:03:16
    CSS Modules & Media Queries
  • Урок 65. 00:00:56
    Module Introduction
  • Урок 66. 00:02:38
    Understanding Error Messages
  • Урок 67. 00:04:18
    Finding Logical Errors by using Dev Tools & Sourcemaps
  • Урок 68. 00:03:07
    Working with the React Developer Tools
  • Урок 69. 00:08:15
    Using Error Boundaries (React 16+)
  • Урок 70. 00:00:58
    Wrap Up
  • Урок 71. 00:00:44
    Module Introduction
  • Урок 72. 00:07:25
    A Better Project Structure
  • Урок 73. 00:15:55
    Splitting an App Into Components
  • Урок 74. 00:03:47
    Comparing Stateless and Stateful Components
  • Урок 75. 00:05:16
    Class-based vs Functional Components
  • Урок 76. 00:05:05
    class Component Lifecycle Overview
  • Урок 77. 00:06:47
    Component Creation Lifecycle in Action
  • Урок 78. 00:15:37
    Component Update Lifecycle (for props Changes)
  • Урок 79. 00:03:50
    Component Update Lifecycle (for state Changes)
  • Урок 80. 00:03:47
    Using useEffect() in Functional Components
  • Урок 81. 00:03:41
    Controlling the useEffect() Behavior
  • Урок 82. 00:06:49
    Cleaning up with Lifecycle Hooks & useEffect()
  • Урок 83. 00:01:38
    Cleanup Work with useEffect() - Example
  • Урок 84. 00:06:46
    Using shouldComponentUpdate for Optimization
  • Урок 85. 00:03:40
    Optimizing Functional Components with React.memo()
  • Урок 86. 00:02:19
    When should you optimize?
  • Урок 87. 00:03:36
    PureComponents instead of shouldComponentUpdate
  • Урок 88. 00:04:28
    How React Updates the DOM
  • Урок 89. 00:09:01
    Rendering Adjacent JSX Elements
  • Урок 90. 00:01:30
    Using React.Fragment
  • Урок 91. 00:04:21
    Higher Order Components (HOC) - Introduction
  • Урок 92. 00:05:57
    Another Form of HOCs
  • Урок 93. 00:04:59
    Passing Unknown Props
  • Урок 94. 00:05:14
    Setting State Correctly
  • Урок 95. 00:06:54
    Using PropTypes
  • Урок 96. 00:07:38
    Using Refs
  • Урок 97. 00:04:35
    Refs with React Hooks
  • Урок 98. 00:04:57
    Understanding Prop Chain Problems
  • Урок 99. 00:10:04
    Using the Context API
  • Урок 100. 00:05:34
    contextType & useContext()
  • Урок 101. 00:01:22
    Wrap Up
  • Урок 102. 00:15:34
    [LEGACY] Splitting an App Into Components
  • Урок 103. 00:07:21
    [LEGACY] Comparing Stateless and Stateful Components
  • Урок 104. 00:07:01
    [LEGACY] Understanding the Component Lifecycle
  • Урок 105. 00:02:55
    [LEGACY] Converting Stateless to Stateful Components
  • Урок 106. 00:08:35
    [LEGACY] Component Creation Lifecycle in Action
  • Урок 107. 00:03:56
    [LEGACY] Component Updating Lifecycle Hooks
  • Урок 108. 00:08:07
    [LEGACY] Component Updating Lifecycle in Action
  • Урок 109. 00:03:06
    [LEGACY] Updating Lifecycle Hooks (Triggered by State Changes)
  • Урок 110. 00:10:24
    [LEGACY] Performance Gains with PureComponents
  • Урок 111. 00:02:28
    [LEGACY] How React Updates the App & Component Tree
  • Урок 112. 00:04:28
    [LEGACY] Understanding React's DOM Updating Strategy
  • Урок 113. 00:09:09
    [LEGACY] Returning Adjacent Elements (React 16+)
  • Урок 114. 00:04:17
    [LEGACY] Understanding Higher Order Components (HOCs)
  • Урок 115. 00:05:42
    [LEGACY] A Different Approach to HOCs
  • Урок 116. 00:04:08
    [LEGACY] Passing Unknown Props
  • Урок 117. 00:04:22
    [LEGACY] Using setState Correctly
  • Урок 118. 00:06:08
    [LEGACY] Validating Props
  • Урок 119. 00:04:58
    [LEGACY] Using References ("ref")
  • Урок 120. 00:14:00
    [LEGACY] More on the React ref API (16.3)
  • Урок 121. 00:08:18
    [LEGACY] The Context API (React 16.3)
  • Урок 122. 00:08:14
    [LEGACY] More on the Context API (16.6)
  • Урок 123. 00:05:13
    [LEGACY] Updated Lifecycle Hooks (React 16.3)
  • Урок 124. 00:03:13
    [LEGACY] The "memo" Method (16.4)
  • Урок 125. 00:01:33
    [LEGACY] Wrap Up
  • Урок 126. 00:00:59
    Module Introduction
  • Урок 127. 00:02:33
    Planning an App in React - Core Steps
  • Урок 128. 00:10:58
    Planning our App - Layout and Component Tree
  • Урок 129. 00:04:14
    Planning the State
  • Урок 130. 00:05:02
    Setting up the Project
  • Урок 131. 00:10:02
    Creating a Layout Component
  • Урок 132. 00:05:05
    Starting Implementation of The Burger Builder Container
  • Урок 133. 00:08:29
    Adding a Dynamic Ingredient Component
  • Урок 134. 00:02:50
    Adding Prop Type Validation
  • Урок 135. 00:06:51
    Starting the Burger Component
  • Урок 136. 00:09:45
    Outputting Burger Ingredients Dynamically
  • Урок 137. 00:05:12
    Calculating the Ingredient Sum Dynamically
  • Урок 138. 00:07:28
    Adding the Build Control Component
  • Урок 139. 00:04:04
    Outputting Multiple Build Controls
  • Урок 140. 00:08:23
    Connecting State to Build Controls
  • Урок 141. 00:07:31
    Removing Ingredients Safely
  • Урок 142. 00:02:30
    Displaying and Updating the Burger Price
  • Урок 143. 00:10:40
    Adding the Order Button
  • Урок 144. 00:13:59
    Creating the Order Summary Modal
  • Урок 145. 00:07:00
    Showing & Hiding the Modal (with Animation!)
  • Урок 146. 00:08:23
    Implementing the Backdrop Component
  • Урок 147. 00:04:47
    Adding a Custom Button Component
  • Урок 148. 00:04:55
    Implementing the Button Component
  • Урок 149. 00:02:06
    Adding the Price to the Order Summary
  • Урок 150. 00:09:12
    Adding a Toolbar
  • Урок 151. 00:06:41
    Using a Logo in our Application
  • Урок 152. 00:11:27
    Adding Reusable Navigation Items
  • Урок 153. 00:07:45
    Creating a Responsive Sidedrawer
  • Урок 154. 00:04:35
    Working on Responsive Adjustments
  • Урок 155. 00:07:19
    More about Responsive Adjustments
  • Урок 156. 00:09:12
    Reusing the Backdrop
  • Урок 157. 00:06:29
    Adding a Sidedrawer Toggle Button
  • Урок 158. 00:02:21
    Adding a Hamburger Icon
  • Урок 159. 00:01:12
    Improving the App - Introduction
  • Урок 160. 00:01:18
    Prop Type Validation
  • Урок 161. 00:08:49
    Improving Performance
  • Урок 162. 00:01:49
    Using Component Lifecycle Methods
  • Урок 163. 00:04:58
    Changing the Folder Structure
  • Урок 164. 00:01:50
    Wrap Up
  • Урок 165. 00:01:04
    Module Introduction
  • Урок 166. 00:01:36
    Understanding Http Requests in React
  • Урок 167. 00:04:16
    Understanding our Project and Introducing Axios
  • Урок 168. 00:05:30
    Creating a Http Request to GET Data
  • Урок 169. 00:03:47
    Rendering Fetched Data to the Screen
  • Урок 170. 00:02:41
    Transforming Data
  • Урок 171. 00:04:02
    Making a Post Selectable
  • Урок 172. 00:07:57
    Fetching Data on Update (without Creating Infinite Loops)
  • Урок 173. 00:03:53
    POSTing Data to the Server
  • Урок 174. 00:02:24
    Sending a DELETE Request
  • Урок 175. 00:00:34
    Fixing a Bug
  • Урок 176. 00:03:24
    Handling Errors Locally
  • Урок 177. 00:06:19
    Adding Interceptors to Execute Code Globally
  • Урок 178. 00:03:11
    Setting a Default Global Configuration for Axios
  • Урок 179. 00:05:04
    Creating and Using Axios Instances
  • Урок 180. 00:00:48
    Wrap Up
  • Урок 181. 00:01:53
    Module Introduction
  • Урок 182. 00:03:28
    Creating the Firebase Project
  • Урок 183. 00:02:43
    Creating the Axios Instance
  • Урок 184. 00:07:47
    Sending a POST Request
  • Урок 185. 00:09:21
    Displaying a Spinner while Sending a Request
  • Урок 186. 00:12:05
    Handling Errors
  • Урок 187. 00:11:23
    Retrieving Data from the Backend
  • Урок 188. 00:08:25
    Removing Old Interceptors
  • Урок 189. 00:00:52
    Module Introduction
  • Урок 190. 00:02:44
    Routing and SPAs
  • Урок 191. 00:04:23
    Setting Up Links
  • Урок 192. 00:04:47
    Setting Up the Router Package
  • Урок 193. 00:05:14
    Preparing the Project For Routing
  • Урок 194. 00:05:19
    Setting Up and Rendering Routes
  • Урок 195. 00:01:58
    Rendering Components for Routes
  • Урок 196. 00:02:18
    Switching Between Pages
  • Урок 197. 00:04:04
    Using Links to Switch Pages
  • Урок 198. 00:03:13
    Using Routing-Related Props
  • Урок 199. 00:03:45
    The "withRouter" HOC & Route Props
  • Урок 200. 00:02:35
    Absolute vs Relative Paths
  • Урок 201. 00:05:56
    Styling the Active Route
  • Урок 202. 00:06:55
    Passing Route Parameters
  • Урок 203. 00:03:04
    Extracting Route Parameters
  • Урок 204. 00:03:34
    Using Switch to Load a Single Route
  • Урок 205. 00:03:26
    Navigating Programmatically
  • Урок 206. 00:02:23
    Additional Information Regarding Active Links
  • Урок 207. 00:07:56
    Understanding Nested Routes
  • Урок 208. 00:04:39
    Creating Dynamic Nested Routes
  • Урок 209. 00:02:46
    Redirecting Requests
  • Урок 210. 00:02:48
    Conditional Redirects
  • Урок 211. 00:02:50
    Using the History Prop to Redirect (Replace)
  • Урок 212. 00:03:47
    Working with Guards
  • Урок 213. 00:03:03
    Handling the 404 Case (Unknown Routes)
  • Урок 214. 00:11:50
    Loading Routes Lazily
  • Урок 215. 00:09:48
    Lazy Loading with React Suspense (16.6)
  • Урок 216. 00:04:20
    Routing and Server Deployment
  • Урок 217. 00:00:50
    Wrap Up
  • Урок 218. 00:01:36
    Module Introduction
  • Урок 219. 00:11:33
    Building the Checkout Container
  • Урок 220. 00:04:42
    Setting Up Routing & Routes
  • Урок 221. 00:04:52
    Navigating to the Checkout Page
  • Урок 222. 00:03:34
    Navigating Back & To Next Page
  • Урок 223. 00:05:28
    Passing Ingredients via Query Params
  • Урок 224. 00:09:35
    Navigating to the Contact Data Component
  • Урок 225. 00:11:45
    Order Submission & Passing Data Between Pages
  • Урок 226. 00:05:35
    Adding an Orders Page
  • Урок 227. 00:05:36
    Implementing Navigation Links
  • Урок 228. 00:06:05
    Fetching Orders
  • Урок 229. 00:07:35
    Outputting the Orders
  • Урок 230. 00:01:08
    Wrap Up
  • Урок 231. 00:00:50
    Module Introduction
  • Урок 232. 00:01:51
    Analyzing the App
  • Урок 233. 00:11:31
    Creating a Custom Dynamic Input Component
  • Урок 234. 00:07:35
    Setting Up a JS Config for the Form
  • Урок 235. 00:05:24
    Dynamically Create Inputs based on JS Config
  • Урок 236. 00:03:53
    Adding a Dropdown Component
  • Урок 237. 00:07:44
    Handling User Input
  • Урок 238. 00:04:12
    Handling Form Submission
  • Урок 239. 00:08:10
    Adding Custom Form Validation
  • Урок 240. 00:01:19
    Fixing a Common Validation Gotcha
  • Урок 241. 00:05:13
    Adding Validation Feedback
  • Урок 242. 00:02:19
    Improving Visual Feedback
  • Урок 243. 00:07:36
    Handling Overall Form Validity
  • Урок 244. 00:02:10
    Working on an Error
  • Урок 245. 00:01:27
    Fixing a Bug
  • Урок 246. 00:01:02
    Module Introduction
  • Урок 247. 00:01:51
    Understanding State
  • Урок 248. 00:02:43
    The Complexity of Managing State
  • Урок 249. 00:05:18
    Understanding the Redux Flow
  • Урок 250. 00:07:10
    Setting Up Reducer and Store
  • Урок 251. 00:06:45
    Dispatching Actions
  • Урок 252. 00:02:48
    Adding Subscriptions
  • Урок 253. 00:03:40
    Connecting React to Redux
  • Урок 254. 00:08:20
    Connecting the Store to React
  • Урок 255. 00:05:54
    Dispatching Actions from within the Component
  • Урок 256. 00:04:07
    Passing and Retrieving Data with Action
  • Урок 257. 00:03:02
    Switch-Case in the Reducer
  • Урок 258. 00:13:21
    Updating State Immutably
  • Урок 259. 00:08:40
    Updating Arrays Immutably
  • Урок 260. 00:05:20
    Outsourcing Action Types
  • Урок 261. 00:10:19
    Combining Multiple Reducers
  • Урок 262. 00:04:51
    Understanding State Types
  • Урок 263. 00:14:24
    [OPTIONAL] Assignment Solution
  • Урок 264. 00:07:40
    Combining Local UI State and Redux
  • Урок 265. 00:01:43
    Wrap Up
  • Урок 266. 00:05:27
    Module Introduction
  • Урок 267. 00:04:09
    Installing Redux and React Redux
  • Урок 268. 00:02:11
    Basic Redux Setup
  • Урок 269. 00:06:36
    Finishing the Reducer for Ingredients
  • Урок 270. 00:09:34
    Connecting the Burger Builder Container to our Store
  • Урок 271. 00:06:07
    Working on the Total Price Calculation
  • Урок 272. 00:04:09
    Redux & UI State
  • Урок 273. 00:09:11
    Adjusting Checkout and Contact Data
  • Урок 274. 00:02:39
    Wrap Up
  • Урок 275. 00:00:30
    Module Introduction
  • Урок 276. 00:07:48
    Adding Middleware
  • Урок 277. 00:07:33
    Using the Redux Devtools
  • Урок 278. 00:01:53
    Executing Asynchronous Code - Introduction
  • Урок 279. 00:04:12
    Introducing Action Creators
  • Урок 280. 00:06:21
    Action Creators & Async Code
  • Урок 281. 00:08:15
    Handling Asynchronous Code
  • Урок 282. 00:06:56
    Restructuring Actions
  • Урок 283. 00:05:44
    Where to Put Data Transforming Logic?
  • Урок 284. 00:03:29
    Using Action Creators and Get State
  • Урок 285. 00:07:22
    Using Utility Functions
  • Урок 286. 00:03:15
    A Leaner Switch Case Statement
  • Урок 287. 00:02:24
    An Alternative Folder Structure
  • Урок 288. 00:02:08
    Diving Much Deeper
  • Урок 289. 00:01:01
    Wrap Up
  • Урок 290. 00:01:13
    Module Introduction
  • Урок 291. 00:02:57
    Installing the Redux Devtools
  • Урок 292. 00:03:07
    Preparing the Folder Structure
  • Урок 293. 00:06:17
    Creating Action Creators
  • Урок 294. 00:04:06
    Executing Asynchronous Code
  • Урок 295. 00:07:51
    Fetching Ingredients Asynchronously
  • Урок 296. 00:05:20
    Initializing Ingredients in the BurgerBuilder
  • Урок 297. 00:02:13
    Changing the Order of our Ingredients Manually
  • Урок 298. 00:06:41
    Adding Order Actions
  • Урок 299. 00:04:19
    Connecting Contact Data Container & Actions
  • Урок 300. 00:05:31
    The Order Reducer
  • Урок 301. 00:04:29
    Working on Order Actions
  • Урок 302. 00:03:09
    Redirect to Improve UX
  • Урок 303. 00:04:54
    Combining Reducers
  • Урок 304. 00:08:35
    Handling Purchases & Updating the UI
  • Урок 305. 00:01:45
    Resetting the Price after Purchases
  • Урок 306. 00:13:46
    Fetching Orders (via Redux)
  • Урок 307. 00:01:24
    Checking our Implemented Functionalities
  • Урок 308. 00:08:12
    Refactoring Reducers
  • Урок 309. 00:07:56
    Refactoring Reducers Continued
  • Урок 310. 00:00:58
    Wrap Up
  • Урок 311. 00:01:15
    Module Introduction
  • Урок 312. 00:03:03
    Understanding Authentication in Single Page Applications
  • Урок 313. 00:00:54
    Required App Adjustments
  • Урок 314. 00:13:12
    Adding an Auth Form
  • Урок 315. 00:06:29
    Adding Actions
  • Урок 316. 00:07:00
    Getting a Token from the Backend
  • Урок 317. 00:05:31
    Adding Sign-In
  • Урок 318. 00:09:01
    Storing the Token
  • Урок 319. 00:06:04
    Adding a Spinner
  • Урок 320. 00:06:51
    Logging Users Out
  • Урок 321. 00:11:18
    Accessing Protected Resources
  • Урок 322. 00:07:33
    Updating the UI Depending on Auth State
  • Урок 323. 00:06:54
    Adding a Logout Link
  • Урок 324. 00:08:19
    Forwarding Unauthenticated Users
  • Урок 325. 00:13:13
    Redirecting the User to the Checkout Page
  • Урок 326. 00:14:37
    Persistent Auth State with localStorage
  • Урок 327. 00:06:59
    Fixing Connect + Routing Errors
  • Урок 328. 00:02:51
    Ensuring App Security
  • Урок 329. 00:05:36
    Guarding Routes
  • Урок 330. 00:08:17
    Displaying User Specific Orders
  • Урок 331. 00:00:45
    Wrap Up
  • Урок 332. 00:00:41
    Module Introduction
  • Урок 333. 00:05:49
    Fixing the Redirect to the Frontpage
  • Урок 334. 00:06:46
    Using updateObject in the Entire App
  • Урок 335. 00:02:17
    Sharing the Validation Method
  • Урок 336. 00:02:37
    Using Environment Variables
  • Урок 337. 00:03:48
    Removing console.log()s
  • Урок 338. 00:04:59
    Adding Lazy Loading
  • Урок 339. 00:00:51
    Wrap Up
  • Урок 340. 00:01:13
    Module Introduction
  • Урок 341. 00:03:09
    What is Testing?
  • Урок 342. 00:02:27
    Required Testing Tools
  • Урок 343. 00:02:51
    What To Test?
  • Урок 344. 00:12:35
    Writing our First Test
  • Урок 345. 00:04:06
    Testing Components Continued
  • Урок 346. 00:06:29
    Jest and Enzyme Documentations
  • Урок 347. 00:02:29
    Testing Components Correctly
  • Урок 348. 00:06:51
    Testing Containers
  • Урок 349. 00:05:10
    How to Test Redux
  • Урок 350. 00:01:28
    Wrap Up
  • Урок 351. 00:00:34
    Module Introduction
  • Урок 352. 00:02:59
    Deployment Steps
  • Урок 353. 00:02:21
    Building the Project
  • Урок 354. 00:04:07
    Example: Deploying on Firebase
  • Урок 355. 00:00:43
    Wrap Up
  • Урок 356. 00:01:25
    Module Introduction
  • Урок 357. 00:01:15
    Introducing Webpack
  • Урок 358. 00:02:41
    How Webpack works
  • Урок 359. 00:01:37
    Basic Workflow Requirements
  • Урок 360. 00:03:48
    Project & npm Setup
  • Урок 361. 00:03:13
    Creating a Basic Folder & File Structure
  • Урок 362. 00:10:56
    Creating the Basic React Application
  • Урок 363. 00:01:11
    Installing Production Dependencies
  • Урок 364. 00:06:42
    Setting Up the Basic Webpack Config
  • Урок 365. 00:07:08
    Adding File Rules & Babel
  • Урок 366. 00:05:02
    Loading CSS Files
  • Урок 367. 00:05:37
    Loading Images & Injecting into HTML Page
  • Урок 368. 00:02:44
    Production Workflow & Wrap Up
  • Урок 369. 00:01:13
    Module Introduction
  • Урок 370. 00:03:19
    Understanding Server Side Rendering
  • Урок 371. 00:06:03
    Setting Up a Project
  • Урок 372. 00:03:54
    Understanding the Basics
  • Урок 373. 00:02:49
    Next.js & Components & Pages
  • Урок 374. 00:02:48
    Styling our App in Next.js
  • Урок 375. 00:02:02
    Handling (404) Errors
  • Урок 376. 00:09:34
    A Special Lifecycle Hook
  • Урок 377. 00:03:00
    Deploying our App
  • Урок 378. 00:01:08
    Module Introduction
  • Урок 379. 00:06:13
    Preparing the Demo Project
  • Урок 380. 00:04:35
    Using CSS Transitions
  • Урок 381. 00:05:33
    Using CSS Animations
  • Урок 382. 00:04:05
    CSS Transition & Animations Limitations
  • Урок 383. 00:12:21
    Using ReactTransitionGroup
  • Урок 384. 00:03:25
    Using the Transition Component
  • Урок 385. 00:03:18
    Wrapping the Transition Component
  • Урок 386. 00:03:15
    Animation Timings
  • Урок 387. 00:02:34
    Transition Events
  • Урок 388. 00:05:24
    The CSSTransition Component
  • Урок 389. 00:02:32
    Customizing CSS Classnames
  • Урок 390. 00:06:54
    Animating Lists
  • Урок 391. 00:04:30
    Alternative Animation Packages
  • Урок 392. 00:01:58
    Wrap Up
  • Урок 393. 00:01:30
    Module Introduction
  • Урок 394. 00:02:41
    Installing Redux Saga
  • Урок 395. 00:06:07
    Creating our First Saga
  • Урок 396. 00:04:43
    Hooking the Saga Up (to the Store and Actions)
  • Урок 397. 00:05:58
    Moving Logic from the Action Creator to a Saga
  • Урок 398. 00:10:04
    Moving More Logic Into Sagas
  • Урок 399. 00:11:08
    Handling Authentication with a Saga
  • Урок 400. 00:05:54
    Handling Auto-Sign-In with a Saga
  • Урок 401. 00:07:02
    Moving the BurgerBuilder Side Effects into a Saga
  • Урок 402. 00:12:36
    Moving the Orders Side Effects into Sagas
  • Урок 403. 00:01:18
    Why Sagas can be Helpful
  • Урок 404. 00:06:57
    Diving Deeper into Sagas
  • Урок 405. 00:00:41
    Introduction
  • Урок 406. 00:07:09
    What are "React Hooks"?
  • Урок 407. 00:04:58
    The Starting Project
  • Урок 408. 00:09:21
    Getting Started with useState()
  • Урок 409. 00:11:55
    More on useState() & State Updating
  • Урок 410. 00:02:35
    Array Destructuring
  • Урок 411. 00:03:48
    Multiple States
  • Урок 412. 00:02:21
    Rules of Hooks
  • Урок 413. 00:07:57
    Passing State Data Across Components
  • Урок 414. 00:07:17
    Sending Http Requests
  • Урок 415. 00:08:07
    useEffect() & Loading Data
  • Урок 416. 00:02:22
    Understanding useEffect() Dependencies
  • Урок 417. 00:09:38
    More on useEffect()
  • Урок 418. 00:05:29
    What's useCallback()?
  • Урок 419. 00:05:22
    Working with Refs & useRef()
  • Урок 420. 00:03:22
    Cleaning Up with useEffect()
  • Урок 421. 00:02:29
    Deleting Ingredients
  • Урок 422. 00:08:49
    Loading Errors & State Batching
  • Урок 423. 00:09:44
    Understanding useReducer()
  • Урок 424. 00:10:41
    Using useReducer() for the Http State
  • Урок 425. 00:08:28
    Working with useContext()
  • Урок 426. 00:10:31
    Performance Optimizations with useMemo()
  • Урок 427. 00:13:46
    Getting Started with Custom Hooks
  • Урок 428. 00:14:59
    Sharing Data Between Custom Hooks & Components
  • Урок 429. 00:08:12
    Using the Custom Hook
  • Урок 430. 00:03:06
    Wrap Up
  • Урок 431. 00:03:10
    [LEGACY] What are Hooks?
  • Урок 432. 00:00:57
    [LEGACY] Enabling Hooks
  • Урок 433. 00:08:52
    [LEGACY] The useState() Hook
  • Урок 434. 00:02:10
    [LEGACY] Adding Array Destructuring
  • Урок 435. 00:04:49
    [LEGACY] Using Multiple State
  • Урок 436. 00:03:59
    [LEGACY] Using One State Instead
  • Урок 437. 00:02:00
    [LEGACY] The "Rules of Hooks"
  • Урок 438. 00:03:22
    [LEGACY] Sending Data via Http
  • Урок 439. 00:06:27
    [LEGACY] The useEffect() Hook
  • Урок 440. 00:03:42
    [LEGACY] Controlling Effect Execution
  • Урок 441. 00:06:11
    [LEGACY] Effect Cleanup
  • Урок 442. 00:08:15
    [LEGACY] Converting the "App" Component
  • Урок 443. 00:10:33
    [LEGACY] The useContext() Hook
  • Урок 444. 00:07:56
    [LEGACY] State and Effects Gotchas
  • Урок 445. 00:08:22
    [LEGACY] The useReducer() Hook
  • Урок 446. 00:04:43
    [LEGACY] useReducer() vs useState()
  • Урок 447. 00:04:09
    [LEGACY] Working with References and useRef()
  • Урок 448. 00:07:15
    [LEGACY] Preparing & Optimizing
  • Урок 449. 00:03:45
    [LEGACY] Avoiding Unnecessary Re-Rendering
  • Урок 450. 00:01:57
    [LEGACY] How to think about Functional Components with Hooks
  • Урок 451. 00:08:28
    [LEGACY] Creating a Custom Hook
  • Урок 452. 00:01:29
    [LEGACY] Wrap Up
  • Урок 453. 00:01:09
    Introduction
  • Урок 454. 00:03:29
    Converting <App>
  • Урок 455. 00:03:36
    Routing with React.lazy()
  • Урок 456. 00:02:40
    Converting the Layout Component
  • Урок 457. 00:05:27
    Converting withErrorHandler HOC
  • Урок 458. 00:04:29
    Adjusting the Order & Checkout Containers
  • Урок 459. 00:05:39
    Add Hooks to ContactData
  • Урок 460. 00:04:26
    Converting the BurgerBuilder Container
  • Урок 461. 00:06:02
    Adjusting Auth & Logout Components
  • Урок 462. 00:04:31
    Using React.memo() & More!
  • Урок 463. 00:05:41
    Adding a Custom Error Handling Hook
  • Урок 464. 00:04:59
    Setting the right useEffect() Dependencies
  • Урок 465. 00:11:34
    Working with useSelector() and useDispatch()
  • Урок 466. 00:01:04
    Wrap Up
  • Урок 467. 00:00:49
    Module Introduction
  • Урок 468. 00:04:20
    Starting Project & Why You Would Replace Redux
  • Урок 469. 00:07:14
    Alternative: Using the Context API
  • Урок 470. 00:05:44
    Toggling Favorites with the Context API
  • Урок 471. 00:02:31
    Context API Summary (and why NOT to use it instead of Redux)
  • Урок 472. 00:08:12
    Getting Started with a Custom Hook as a Store
  • Урок 473. 00:05:54
    Finishing the Store Hook
  • Урок 474. 00:04:12
    Creating a Concrete Store
  • Урок 475. 00:05:41
    Using the Custom Store
  • Урок 476. 00:03:14
    Custom Hook Store Summary
  • Урок 477. 00:04:05
    Optimizing the Custom Hook Store
  • Урок 478. 00:02:01
    Wrap Up
  • Урок 479. 00:24:56
    Building the Burger CSS Code
  • Урок 480. 00:01:01
    Module Introduction
  • Урок 481. 00:01:25
    React Rocks! Where to find more Examples
  • Урок 482. 00:01:24
    More Inspiration: Real-World Projects Built with React
  • Урок 483. 00:02:32
    Static React Apps with Gatsby.js
  • Урок 484. 00:02:18
    Introducing React Native
  • Урок 485. 00:02:37
    Component Libraries (Example: Material UI)
  • Урок 486. 00:03:09
    Smaller Apps with Preact
  • Урок 487. 00:05:51
    Comparing React with Preact
  • Урок 488. 00:01:17
    Congratulations