• Урок 1. 00:03:49
    Complete React Developer: Zero to Mastery
  • Урок 2. 00:04:58
    Course Outline
  • Урок 3. 00:02:07
    React Concepts
  • Урок 4. 00:09:25
    The Birth of React.js
  • Урок 5. 00:06:19
    Declarative vs Imperative
  • Урок 6. 00:05:24
    Component Architecture
  • Урок 7. 00:06:11
    One Way Data Flow
  • Урок 8. 00:04:53
    UI Library
  • Урок 9. 00:04:19
    How To Be A Great React Developer
  • Урок 10. 00:06:14
    Section Overview
  • Урок 11. 00:08:09
    Environment Setup For Mac
  • Урок 12. 00:09:54
    Environment Setup For Windows
  • Урок 13. 00:11:01
    Create React App - NPX
  • Урок 14. 00:11:43
    Create React App - React-Scripts 1
  • Урок 15. 00:11:45
    Create React App - React-Scripts 2
  • Урок 16. 00:06:04
    Create React App - Everything Else
  • Урок 17. 00:01:58
    Don't Eject
  • Урок 18. 00:09:01
    Monsters Rolodex - Class Components
  • Урок 19. 00:07:38
    Monsters Rolodex - Component State
  • Урок 20. 00:09:29
    Monsters Rolodex - setState
  • Урок 21. 00:05:58
    Monsters Rolodex - States and Shallow Merge
  • Урок 22. 00:09:02
    Monsters Rolodex - setstate and Secondary Callback
  • Урок 23. 00:09:27
    Monsters Rolodex - Mapping Arrays to Elements
  • Урок 24. 00:05:09
    Monsters Rolodex - Keys for Mapping
  • Урок 25. 00:07:20
    Monsters Rolodex - Single Page Applications (SPAs)
  • Урок 26. 00:10:15
    Monsters Rolodex - Lifecycle Method: componentDidMount
  • Урок 27. 00:05:44
    Monsters Rolodex - Renders & Re-renders
  • Урок 28. 00:11:20
    Monsters Rolodex - Input Search Box Component
  • Урок 29. 00:07:52
    Monsters Rolodex - Searching & Filtering
  • Урок 30. 00:09:33
    Monsters Rolodex - Storing Original Data
  • Урок 31. 00:07:31
    Monsters Rolodex - Optimizations
  • Урок 32. 00:07:58
    Monsters Rolodex - Understanding Components
  • Урок 33. 00:07:11
    Monsters Rolodex - CardList Component
  • Урок 34. 00:07:27
    Monsters Rolodex - Component Props
  • Урок 35. 00:07:06
    Monsters Rolodex - Rendering and Re-rendering part 2
  • Урок 36. 00:08:50
    Monsters Rolodex - SearchBox Component
  • Урок 37. 00:09:30
    Monsters Rolodex - CSS in React
  • Урок 38. 00:07:02
    Monsters Rolodex - CardList Component
  • Урок 39. 00:07:42
    Monsters Rolodex - Finishing Touches
  • Урок 40. 00:04:23
    Functional vs Class Components
  • Урок 41. 00:05:22
    Class Component Lifecycle Method Breakdown
  • Урок 42. 00:05:52
    Monsters Rolodex - Functional Component Intro
  • Урок 43. 00:06:23
    Pure & Impure Functions
  • Урок 44. 00:07:11
    Monsters Rolodex - Hooks: useState
  • Урок 45. 00:06:49
    Monsters Rolodex - Functional Component Re-rendering
  • Урок 46. 00:07:33
    Monsters Rolodex - Infinite Re-rendering
  • Урок 47. 00:11:17
    Monsters Rolodex - Hooks: useEffect
  • Урок 48. 00:05:52
    Monsters Rolodex - Remaining Components
  • Урок 49. 00:05:39
    React v18: Migrating from React v17 + ReactDOM v18 Changes
  • Урок 50. 00:04:44
    React v18: Strict Mode Changes
  • Урок 51. 00:10:12
    DOM & Virtual DOM
  • Урок 52. 00:11:08
    React & ReactDOM
  • Урок 53. 00:06:26
    React & ReactDOM part 2
  • Урок 54. 00:02:29
    ReactDOM v18 Changes
  • Урок 55. 00:06:10
    DOM Paint Flashing
  • Урок 56. 00:02:53
    The Long Road Ahead
  • Урок 57. 00:01:48
    Project Overview
  • Урок 58. 00:07:23
    Github Strategy
  • Урок 59. 00:07:16
    Scaffolding Our Capstone Project
  • Урок 60. 00:06:02
    Setting Up Our Categories
  • Урок 61. 00:06:57
    Adding Sass
  • Урок 62. 00:07:00
    Category Item Component
  • Урок 63. 00:07:17
    Directory Component
  • Урок 64. 00:09:22
    Adding Fonts
  • Урок 65. 00:06:19
    Routing
  • Урок 66. 00:08:23
    Updating/Upgrading Libraries
  • Урок 67. 00:11:17
    Setting Up Our Homepage
  • Урок 68. 00:07:02
    React Router Outlet
  • Урок 69. 00:05:05
    Navigation Bar Component
  • Урок 70. 00:07:45
    React Router Link
  • Урок 71. 00:07:00
    Styling for Navigation + Logo
  • Урок 72. 00:08:22
    Setting Up Firebase
  • Урок 73. 00:13:02
    Authentication Flow
  • Урок 74. 00:14:35
    Authenticating With Firebase
  • Урок 75. 00:06:50
    Introducing Firestore Data Models
  • Урок 76. 00:14:05
    Setting Up User Documents
  • Урок 77. 00:06:50
    Finish Creating User Documents
  • Урок 78. 00:11:40
    Sign In With Redirect
  • Урок 79. 00:15:11
    Sign Up Form Pt.1
  • Урок 80. 00:10:21
    Sign Up Form Pt.2
  • Урок 81. 00:12:34
    Sign Up With Email + Password
  • Урок 82. 00:13:44
    Generalizing Form Input Component
  • Урок 83. 00:11:00
    Custom Button Component
  • Урок 84. 00:10:48
    Sign In Form
  • Урок 85. 00:08:06
    Finishing Authentication Page
  • Урок 86. 00:08:27
    Need For Context
  • Урок 87. 00:12:20
    User Context
  • Урок 88. 00:06:16
    Re-rendering From Context
  • Урок 89. 00:08:45
    Signing Out
  • Урок 90. 00:02:56
    Exercise: Imposter Syndrome
  • Урок 91. 00:11:01
    Observer: onAuthStateChange
  • Урок 92. 00:08:22
    Finalizing Auth Listener
  • Урок 93. 00:10:27
    Observer Pattern
  • Урок 94. 00:06:02
    New Shop Page
  • Урок 95. 00:06:47
    Products Context
  • Урок 96. 00:08:17
    Product Card Component
  • Урок 97. 00:09:29
    Cart Icon & Dropdown
  • Урок 98. 00:07:57
    Toggle Cart Open
  • Урок 99. 00:08:47
    Add To Cart Pt.1
  • Урок 100. 00:10:41
    Add To Cart Pt.2
  • Урок 101. 00:08:09
    Cart Item Designs
  • Урок 102. 00:08:19
    Creating Checkout Page
  • Урок 103. 00:07:25
    Decrement Checkout Item Quantity
  • Урок 104. 00:09:02
    Checkout Item Pt.2
  • Урок 105. 00:08:44
    Checkout Item Pt.3
  • Урок 106. 00:03:53
    Cart Total
  • Урок 107. 00:07:02
    Firestore DB No-SQL
  • Урок 108. 00:09:29
    addCollectionAndDocuments Pt.1
  • Урок 109. 00:07:05
    addCollectionAndDocuments Pt.2
  • Урок 110. 00:09:25
    Get Products + Categories From Firestore
  • Урок 111. 00:09:10
    Using Our CategoriesMap
  • Урок 112. 00:07:40
    Category Preview Component
  • Урок 113. 00:06:25
    Nested Routes in Shop
  • Урок 114. 00:08:52
    Category Page
  • Урок 115. 00:09:10
    Fixing Clashing Styles
  • Урок 116. 00:11:35
    Introducing Styled-Components
  • Урок 117. 00:09:10
    Styled-Components - Button
  • Урок 118. 00:09:37
    Styled-Component - Cart Dropdown
  • Урок 119. 00:10:53
    Styled-Component - Directory Item & Cart Icon
  • Урок 120. 00:08:55
    Styled-Component - Form Input Component
  • Урок 121. 00:03:57
    Last Touches
  • Урок 122. 00:08:58
    Deploying On Netlify
  • Урок 123. 00:09:35
    Adding Redirects For Netlify
  • Урок 124. 00:11:26
    Reducers explained
  • Урок 125. 00:17:15
    User Reducer
  • Урок 126. 00:09:58
    Cart Reducer Pt. 1
  • Урок 127. 00:07:22
    Cart Reducer Pt. 2
  • Урок 128. 00:09:16
    Cart Reducer Pt. 3
  • Урок 129. 00:04:14
    Redux Toolkit Aside
  • Урок 130. 00:08:50
    Redux vs Context: Access
  • Урок 131. 00:04:53
    Redux vs Context: Data Flow
  • Урок 132. 00:10:40
    React-Redux: Installation
  • Урок 133. 00:07:14
    React-Redux: Setting Up Our Store
  • Урок 134. 00:10:34
    React-Redux: Creating User Reducer
  • Урок 135. 00:06:08
    Redux Part: Selectors
  • Урок 136. 00:07:46
    Categories Reducer
  • Урок 137. 00:08:02
    Categories Selectors
  • Урок 138. 00:08:42
    Business Logic in Our Selectors
  • Урок 139. 00:08:05
    What Triggers useSelector
  • Урок 140. 00:13:22
    Demystifying Middleware
  • Урок 141. 00:05:23
    Redux Triggers Extra Re-renders
  • Урок 142. 00:13:42
    Reselect Library
  • Урок 143. 00:08:43
    Migrating Cart Context to Redux Pt. 1
  • Урок 144. 00:05:54
    Migrating Cart Context to Redux Pt. 2
  • Урок 145. 00:08:38
    Migrating Cart Context to Redux Pt. 3
  • Урок 146. 00:06:39
    Migrate Cart Context to Redux Pt. 4
  • Урок 147. 00:07:06
    Redux-Persist
  • Урок 148. 00:09:32
    Redux-Devtools
  • Урок 149. 00:08:11
    Asynchronous Redux: Redux-Thunk
  • Урок 150. 00:07:47
    Redux-Thunk Pt. 2
  • Урок 151. 00:08:33
    Redux-Thunk Pt. 3
  • Урок 152. 00:08:00
    Asynchronous Redux: Redux-Saga
  • Урок 153. 00:08:39
    Generator Functions
  • Урок 154. 00:10:35
    Redux-Saga: fetchCategoriesAsync Thunk to Saga
  • Урок 155. 00:07:14
    Redux-Saga: Converting onAuthStateChanged Listener to Promise
  • Урок 156. 00:11:05
    Redux-Saga: Check User Session Saga Pt. 1
  • Урок 157. 00:07:55
    Redux-Saga: Check User Session Saga Pt. 2
  • Урок 158. 00:09:05
    Redux-Saga: Sign in Sagas
  • Урок 159. 00:10:26
    Redux-Saga: Sign up Sagas
  • Урок 160. 00:08:31
    Redux-Saga: Sign out Sagas
  • Урок 161. 00:08:34
    Redux Toolkit Intro
  • Урок 162. 00:11:41
    Using createSlice
  • Урок 163. 00:07:24
    Using Redux Toolkit Action Creators
  • Урок 164. 00:10:35
    Non Serializable Value Middleware
  • Урок 165. 00:04:04
    Immutable Middleware
  • Урок 166. 00:04:38
    Categories to createSlice
  • Урок 167. 00:09:32
    Cart to createSlice
  • Урок 168. 00:08:55
    The Need for Serverless Functions
  • Урок 169. 00:06:58
    Serverless Functions Explained
  • Урок 170. 00:08:40
    Setting up Stripe
  • Урок 171. 00:08:20
    Setting up Our PaymentForm
  • Урок 172. 00:09:32
    Writing Our First Serverless Function
  • Урок 173. 00:12:35
    Finishing Stripe Payment
  • Урок 174. 00:12:57
    Tidying Up Our UI
  • Урок 175. 00:01:24
    Adding Auth With Netlify URL
  • Урок 176. 00:05:20
    Adding Environment Variables To Netlify
  • Урок 177. 00:07:52
    Typescript Introduction
  • Урок 178. 00:08:15
    Starting our Typing
  • Урок 179. 00:09:52
    Typescript Interfaces
  • Урок 180. 00:11:50
    Typescript Types & Third Party Library Types
  • Урок 181. 00:03:30
    ChangeEvent Type From React
  • Урок 182. 00:11:21
    Understanding Generics
  • Урок 183. 00:09:20
    Typing React's SetState
  • Урок 184. 00:07:55
    Crwn-Clothing Typescript Overview
  • Урок 185. 00:13:04
    Typing createAction
  • Урок 186. 00:08:36
    Typing User Action Creators
  • Урок 187. 00:08:47
    Typing User Selectors
  • Урок 188. 00:07:46
    The Problem With Discriminating Unions
  • Урок 189. 00:05:54
    Type Predicate Functions
  • Урок 190. 00:08:36
    Intersections + Return Types
  • Урок 191. 00:07:21
    withMatcher Type (
  • Урок 192. 00:09:16
    Improving Our Reducer Typing
  • Урок 193. 00:09:21
    Typing Redux Cart Files Pt. 1
  • Урок 194. 00:07:27
    Typing Redux Cart Files Pt. 2
  • Урок 195. 00:13:21
    Typing Out Firebase Utils
  • Урок 196. 00:08:48
    Typing User Actions
  • Урок 197. 00:06:35
    Typing User Reducer + Selectors
  • Урок 198. 00:09:40
    Typing Our Rootstate
  • Урок 199. 00:02:24
    Typing Third Party Libraries
  • Урок 200. 00:01:45
    Typing Our Custom Middleware
  • Урок 201. 00:08:09
    Typing Categories Saga
  • Урок 202. 00:08:54
    Typing User Sagas Pt. 1
  • Урок 203. 00:05:29
    Typing User Sagas Pt. 2
  • Урок 204. 00:07:59
    Typing Button Component
  • Урок 205. 00:09:31
    Typing Input & Form Components
  • Урок 206. 00:07:17
    Typing SVG Imports
  • Урок 207. 00:08:20
    Typing Our Payment Form
  • Урок 208. 00:05:34
    GraphQL Explained
  • Урок 209. 00:07:40
    GraphQL Playground
  • Урок 210. 00:10:10
    Graphql Queries
  • Урок 211. 00:08:37
    Categories Query
  • Урок 212. 00:06:30
    Updating Components To Consume GraphQL Values
  • Урок 213. 00:11:52
    Variables In useQuery & Caching
  • Урок 214. 00:05:47
    Mutations
  • Урок 215. 00:05:18
    Apollo vs Redux
  • Урок 216. 00:03:23
    Do Not Optimize For Performance Until You Need It
  • Урок 217. 00:06:17
    useCallback Pt.1
  • Урок 218. 00:04:01
    useCallback Pt. 2
  • Урок 219. 00:06:45
    useMemo
  • Урок 220. 00:07:51
    React Devtools Profiling & Memo
  • Урок 221. 00:10:41
    Code Splitting, Dynamic Imports, Suspense & Lazy
  • Урок 222. 00:06:37
    Firebase Rule Security
  • Урок 223. 00:02:06
    Don't Over Complicate
  • Урок 224. 00:02:57
    Be a Late Follower
  • Урок 225. 00:01:39
    Break Things Down
  • Урок 226. 00:01:54
    It Will Never Be Perfect
  • Урок 227. 00:12:55
    Progressive Web Apps
  • Урок 228. 00:06:16
    Progressive Web Apps Examples
  • Урок 229. 00:06:12
    PWA - HTTPS
  • Урок 230. 00:06:13
    PWA - App Manifest
  • Урок 231. 00:13:16
    PWA - Service Workers
  • Урок 232. 00:02:04
    PWA - Final Thoughts
  • Урок 233. 00:10:42
    PWA - Our Application
  • Урок 234. 00:08:37
    Global Styles and Media Queries
  • Урок 235. 00:10:05
    Remaining Mobile Styles
  • Урок 236. 00:06:22
    Section Overview
  • Урок 237. 00:02:59
    Types of Tests
  • Урок 238. 00:15:29
    Testing Libraries
  • Урок 239. 00:02:43
    Unit Tests
  • Урок 240. 00:02:47
    Integration Tests
  • Урок 241. 00:04:28
    Automation Testing
  • Урок 242. 00:02:57
    Final Note On Testing
  • Урок 243. 00:11:30
    Setting Up Jest
  • Урок 244. 00:11:11
    Our First Tests
  • Урок 245. 00:05:32
    Writing Tests
  • Урок 246. 00:10:19
    Asynchronous Tests
  • Урок 247. 00:11:42
    Asynchronous Tests 2
  • Урок 248. 00:12:51
    Mocks and Spies
  • Урок 249. 00:14:30
    Introduction To Enzyme
  • Урок 250. 00:09:30
    Snapshot Testing
  • Урок 251. 00:04:55
    Snapshot Testing + Code Coverage
  • Урок 252. 00:11:17
    Testing Stateful Components
  • Урок 253. 00:02:36
    Quick Recap
  • Урок 254. 00:23:51
    Testing Connected Components
  • Урок 255. 00:03:36
    Testing Connected Components 2
  • Урок 256. 00:14:58
    Testing Reducers
  • Урок 257. 00:18:28
    Testing Actions
  • Урок 258. 00:04:12
    Section Review
  • Урок 259. 00:12:11
    Introduction to Webpack + Babel
  • Урок 260. 00:10:41
    Webpack Config
  • Урок 261. 00:07:56
    Introduction to Gatsby.js
  • Урок 262. 00:09:04
    Starting a Gatsby Project
  • Урок 263. 00:09:30
    Gatsby Pages
  • Урок 264. 00:08:40
    Gatsby GraphQL + Markdown
  • Урок 265. 00:10:54
    Building Our Blog 1
  • Урок 266. 00:09:13
    Building Our Blog 2
  • Урок 267. 00:06:55
    Building Our Blog 3
  • Урок 268. 00:07:27
    Building Our Blog 4
  • Урок 269. 00:09:33
    Building Our Blog 5
  • Урок 270. 00:05:49
    map()
  • Урок 271. 00:14:58
    Promises
  • Урок 272. 00:02:56
    filter()
  • Урок 273. 00:12:51
    includes()
  • Урок 274. 00:17:41
    CWD: Git + Github
  • Урок 275. 00:16:53
    CWD: Git + Github 2
  • Урок 276. 00:09:36
    Async Await
  • Урок 277. 00:03:07
    find()
  • Урок 278. 00:06:52
    reduce()
  • Урок 279. 00:07:48
    Memoization
  • Урок 280. 00:04:25
    Currying
  • Урок 281. 00:08:45
    ES6 Classes
  • Урок 282. 00:14:42
    Inheritance
  • Урок 283. 00:01:18
    Thank You!
  • Урок 284. 00:38:31
    AMA - 100,000 Students!!