Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Full Stack React Bootcamp with .NET API [2023] [10 Projects], а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:03:00
    Welcome
  2. Урок 2. 00:04:52
    Why should you learn react?
  3. Урок 3. 00:00:43
    Live Demo - Final Project
  4. Урок 4. 00:01:29
    Additional Resources
  5. Урок 5. 00:06:22
    What we will build Part 1
  6. Урок 6. 00:05:44
    What we will build Part 2
  7. Урок 7. 00:02:19
    Course Prerequisites
  8. Урок 8. 00:02:48
    How to get Help?
  9. Урок 9. 00:01:46
    Project Resources
  10. Урок 10. 00:02:16
    Tools Needed
  11. Урок 11. 00:03:16
    Visual Studio Code Extensions
  12. Урок 12. 00:03:09
    Setup basic HTML and add React CDN
  13. Урок 13. 00:03:19
    First React Code
  14. Урок 14. 00:01:26
    Assignment 1 - Writing first React Code
  15. Урок 15. 00:02:25
    Creating Element and rendering in React
  16. Урок 16. 00:04:32
    What is JSX?
  17. Урок 17. 00:01:48
    Better way to create React Projects
  18. Урок 18. 00:01:47
    Create Project
  19. Урок 19. 00:01:51
    Run the Project
  20. Урок 20. 00:03:26
    CleanUp Project
  21. Урок 21. 00:02:36
    Make project functional again
  22. Урок 22. 00:05:19
    First React Component
  23. Урок 23. 00:01:06
    Assignment 2 - React Component
  24. Урок 24. 00:00:55
    Assignment 3 - Parent Child Component
  25. Урок 25. 00:01:37
    Assignment 3 Solution - Parent Child Component
  26. Урок 26. 00:01:47
    Rules of JSX
  27. Урок 27. 00:03:41
    Work with styles
  28. Урок 28. 00:02:10
    Adding Bootstrap Classes
  29. Урок 29. 00:03:38
    Work with Classes Part 1
  30. Урок 30. 00:02:47
    Variable in JSX
  31. Урок 31. 00:00:39
    Assignment 3 - Adding Const
  32. Урок 32. 00:00:37
    Assignment 3 Solution - Adding Const
  33. Урок 33. 00:04:21
    HTML Element in JSX
  34. Урок 34. 00:05:43
    Student Component
  35. Урок 35. 00:04:12
    Export and Import Component
  36. Урок 36. 00:00:32
    Assignment 4 - Separating Student Component
  37. Урок 37. 00:01:04
    Assignment 4 Solution - Separating Student Component
  38. Урок 38. 00:04:18
    Props and Components
  39. Урок 39. 00:05:19
    Install third party libraries and Images
  40. Урок 40. 00:02:55
    Import Image and Header Design
  41. Урок 41. 00:03:34
    Footer and Main Body Component
  42. Урок 42. 00:02:29
    Assignment 5 - Fix Error and Designing
  43. Урок 43. 00:04:36
    Passing Components as Children
  44. Урок 44. 00:01:35
    Final Hierarchy
  45. Урок 45. 00:03:01
    Arrow Function
  46. Урок 46. 00:03:05
    functional vs class components
  47. Урок 47. 00:04:09
    Class Components
  48. Урок 48. 00:00:42
    Assignment 6 - Convert MainBody to Class Component
  49. Урок 49. 00:03:09
    Create CountOPedia
  50. Урок 50. 00:03:55
    Assignment 7 Solution - Setup CountOPedia
  51. Урок 51. 00:01:32
    Counter Application Buttons
  52. Урок 52. 00:01:44
    Click Events
  53. Урок 53. 00:04:05
    Setting and Retrieving State
  54. Урок 54. 00:05:10
    Demo - React State
  55. Урок 55. 00:02:08
    State Summary
  56. Урок 56. 00:04:54
    New SetState Syntax
  57. Урок 57. 00:04:28
    CountoPedia UI
  58. Урок 58. 00:04:15
    Random play and Reset Button
  59. Урок 59. 00:01:25
    Assignment 8 - Game Status and Last Play
  60. Урок 60. 00:03:55
    Assignment 8 Solution - Game Status and Last Play
  61. Урок 61. 00:02:46
    Create Project - ContactOPedia
  62. Урок 62. 00:04:52
    Add Components
  63. Урок 63. 00:05:26
    Skeleton of Components
  64. Урок 64. 00:02:34
    Add Contact UI
  65. Урок 65. 00:07:30
    Favorite and General Contact State
  66. Урок 66. 00:06:36
    Individual Contact UI
  67. Урок 67. 00:03:03
    Look and Feel ContactOPedia
  68. Урок 68. 00:04:35
    Add Contact Handler
  69. Урок 69. 00:05:16
    Add Contact in Action
  70. Урок 70. 00:05:23
    Add Validations
  71. Урок 71. 00:02:49
    Display Validation and Success Notification
  72. Урок 72. 00:09:23
    Toggle Favorites
  73. Урок 73. 00:00:38
    Assignment 10 - Delete Contact
  74. Урок 74. 00:03:18
    Assignment 10 Solution - Delete Contact
  75. Урок 75. 00:03:55
    Add Random User to Contact List
  76. Урок 76. 00:06:35
    Axios Call
  77. Урок 77. 00:03:23
    Demo - Adding Random Contact
  78. Урок 78. 00:00:22
    Assignment 11 - Remove All Contact
  79. Урок 79. 00:01:40
    Assignment 11 Solution - Remove all Contact
  80. Урок 80. 00:05:47
    Which Contact has to be updated
  81. Урок 81. 00:06:19
    Toggle UI Based on Update
  82. Урок 82. 00:01:57
    Cancel Button in Action
  83. Урок 83. 00:05:28
    Update Contact- Part 1
  84. Урок 84. 00:02:29
    Update Contact - Part 2
  85. Урок 85. 00:03:05
    Create Project - Cyclopedia
  86. Урок 86. 00:03:07
    Setup Random API
  87. Урок 87. 00:07:21
    Display Instructor
  88. Урок 88. 00:04:54
    Component Did Update
  89. Урок 89. 00:05:12
    Controlled Component
  90. Урок 90. 00:05:30
    Saving in LocalStorage
  91. Урок 91. 00:02:41
    Separating out Instructor
  92. Урок 92. 00:05:04
    Component will UnMount
  93. Урок 93. 00:06:19
    Load Student List
  94. Урок 94. 00:01:25
    Bug time
  95. Урок 95. 00:04:57
    Create WatchOPedia
  96. Урок 96. 00:02:07
    Setup Counter
  97. Урок 97. 00:05:02
    UseState in Action
  98. Урок 98. 00:05:23
    Gotchas with useState
  99. Урок 99. 00:02:07
    Objects and State
  100. Урок 100. 00:02:30
    Another Gotcha with useState
  101. Урок 101. 00:01:08
    Something Exciting
  102. Урок 102. 00:04:06
    WatchoPedia Movie Setup
  103. Урок 103. 00:02:52
    Assignment 12 Solution - Display Movie List
  104. Урок 104. 00:05:20
    Assignment 13 Solution - Add Movie to watch
  105. Урок 105. 00:03:20
    Initial Project
  106. Урок 106. 00:06:56
    Name and Feedback Input fields
  107. Урок 107. 00:06:57
    UseEffect Overview
  108. Урок 108. 00:02:19
    UseEffect - First Render Only
  109. Урок 109. 00:02:06
    UseEffect - Unmount in Action
  110. Урок 110. 00:00:42
    Assignment 14 - Use Effect
  111. Урок 111. 00:02:05
    Assignment 14 Solution - Use Effect
  112. Урок 112. 00:04:05
    Load Student on Counter Update
  113. Урок 113. 00:06:09
    useRef and previous values
  114. Урок 114. 00:02:56
    Use Ref on Student Count
  115. Урок 115. 00:02:30
    More common use of useRef
  116. Урок 116. 00:03:43
    useld Hook
  117. Урок 117. 00:03:31
    Setup RouteOPedia
  118. Урок 118. 00:03:57
    Create More Components
  119. Урок 119. 00:06:10
    First Route
  120. Урок 120. 00:02:55
    Link Component
  121. Урок 121. 00:01:26
    Assignment 15 - Product Routes
  122. Урок 122. 00:02:48
    Assignment 15 - Product Routes Solution
  123. Урок 123. 00:01:35
    Nested Routes
  124. Урок 124. 00:00:45
    Index in Nested Route
  125. Урок 125. 00:01:38
    Not Found
  126. Урок 126. 00:05:47
    Parameters in URL
  127. Урок 127. 00:01:14
    Assignment 16 - Parameters in URL
  128. Урок 128. 00:02:58
    NavLink Component
  129. Урок 129. 00:01:39
    Navigate using useNavigate Hook
  130. Урок 130. 00:01:15
    Using Link Component to Navigate
  131. Урок 131. 00:02:52
    Another Navigation Method
  132. Урок 132. 00:02:04
    Navigate back
  133. Урок 133. 00:05:09
    Setup ReduxOPedia
  134. Урок 134. 00:05:20
    Add Redux Store
  135. Урок 135. 00:08:57
    Create first Reducer and Actions
  136. Урок 136. 00:03:12
    Log State and Dispatch Action
  137. Урок 137. 00:02:30
    Retrieve value from state
  138. Урок 138. 00:04:16
    Dispatching Action from React Component
  139. Урок 139. 00:03:51
    Assignment 17 - Counter Multiplier
  140. Урок 140. 00:02:45
    Assignment 17 Solution - Counter Multiplier
  141. Урок 141. 00:02:54
    Add Destination Slice
  142. Урок 142. 00:04:08
    Display Destinations
  143. Урок 143. 00:03:50
    Select Destination
  144. Урок 144. 00:02:40
    Display selected destination
  145. Урок 145. 00:05:16
    Reset counter and destination
  146. Урок 146. 00:04:12
    Listen to action of a different Reducer
  147. Урок 147. 00:01:37
    Say NO to magic strings
  148. Урок 148. 00:04:51
    Custom Actions
  149. Урок 149. 00:02:38
    Alternative Approach for import and export
  150. Урок 150. 00:04:33
    Setup TravelOPedia
  151. Урок 151. 00:03:17
    Setup Destination Components
  152. Урок 152. 00:04:55
    Setup JSON Server
  153. Урок 153. 00:10:23
    Create Destination API
  154. Урок 154. 00:05:02
    Fetch Records from API
  155. Урок 155. 00:01:43
    Add Destination Controller Component
  156. Урок 156. 00:03:43
    Add Mutations
  157. Урок 157. 00:05:06
    Call POST Mutation
  158. Урок 158. 00:00:45
    query vs mutation
  159. Урок 159. 00:04:36
    Caching with RTK Query
  160. Урок 160. 00:05:58
    TAGS in Action
  161. Урок 161. 00:00:50
    Assignment 18 - Delete Destination
  162. Урок 162. 00:02:26
    Assignment 18 Solution - Delete Destination
  163. Урок 163. 00:02:11
    Response from Query and Parameters
  164. Урок 164. 00:01:43
    Separating out Individual Destination
  165. Урок 165. 00:01:04
    Assignment 19 - Edit Functionality
  166. Урок 166. 00:08:44
    Assignment 19 Solution - Edit Functionality
  167. Урок 167. 00:05:59
    Integrate RTK Query with Redux Store
  168. Урок 168. 00:03:22
    Call Another API
  169. Урок 169. 00:02:35
    Show Random Destination
  170. Урок 170. 00:06:29
    API is optional and you can use the API right here
  171. Урок 171. 00:03:11
    Setup Storage Account for Images on Azure
  172. Урок 172. 00:02:01
    Create API Project
  173. Урок 173. 00:02:12
    Install NuGet Packages
  174. Урок 174. 00:06:14
    Setup Connection String and DBContext
  175. Урок 175. 00:08:01
    Create SQL Tables and push Migrations
  176. Урок 176. 00:04:15
    Add Name to AspNetUsers
  177. Урок 177. 00:03:43
    Create Menu Item Table
  178. Урок 178. 00:04:09
    Seed Menu Items
  179. Урок 179. 00:06:25
    Get Menu Item and API Response
  180. Урок 180. 00:03:43
    Get Individual Menu Item
  181. Урок 181. 00:06:09
    Add Storage Account Connection String
  182. Урок 182. 00:04:20
    Implement Blob Service
  183. Урок 183. 00:10:00
    Create Menu Item
  184. Урок 184. 00:01:34
    Create Menu Item In Action
  185. Урок 185. 00:07:28
    Update Menu Item
  186. Урок 186. 00:02:46
    Delete Menu Item
  187. Урок 187. 00:01:02
    Correct Status Code and Success Flag
  188. Урок 188. 00:03:52
    Add Login and Register DTOs
  189. Урок 189. 00:04:32
    Auth Controller and Dependency Injection
  190. Урок 190. 00:11:11
    Register in Action
  191. Урок 191. 00:04:07
    Login in Action
  192. Урок 192. 00:07:26
    JWT Token
  193. Урок 193. 00:04:38
    Add Authentication and Authorization Endpoints
  194. Урок 194. 00:03:11
    Setup API for Authentication
  195. Урок 195. 00:07:01
    Add Security to Swagger
  196. Урок 196. 00:07:41
    Add Shopping Cart Models
  197. Урок 197. 00:04:11
    Shopping Cart Controller and Logic
  198. Урок 198. 00:10:48
    Update Shopping Cart Endpoint
  199. Урок 199. 00:02:41
    Test Shopping Cart Endpoint
  200. Урок 200. 00:05:12
    Get Shopping Cart
  201. Урок 201. 00:04:34
    Order Header and Details Model
  202. Урок 202. 00:02:29
    Order DTOs
  203. Урок 203. 00:03:49
    Get Order
  204. Урок 204. 00:06:01
    Create Order in Action
  205. Урок 205. 00:03:39
    Update Order Details
  206. Урок 206. 00:05:39
    Stripe Payment Endpoint
  207. Урок 207. 00:06:02
    Stripe Client Secret in Action
  208. Урок 208. 00:01:31
    Shopping Cart API Update
  209. Урок 209. 00:05:10
    Deploy API
  210. Урок 210. 00:04:23
    Typescript Introduction
  211. Урок 211. 00:02:10
    Create App with Typescript
  212. Урок 212. 00:01:35
    Package Json
  213. Урок 213. 00:03:05
    File CleanUp
  214. Урок 214. 00:02:38
    Install Bootstrap and Bootstrap Icons
  215. Урок 215. 00:04:41
    Header and Footer Component
  216. Урок 216. 00:02:36
    Header UI
  217. Урок 217. 00:06:49
    Fetch Menu Items & Interfaces in TS
  218. Урок 218. 00:03:54
    Better Structure
  219. Урок 219. 00:03:50
    Card Component
  220. Урок 220. 00:03:24
    Home Page UI
  221. Урок 221. 00:05:43
    Add Routing and Not Found
  222. Урок 222. 00:05:09
    Menu Item Details Page
  223. Урок 223. 00:07:07
    Add Redux and Tedux Toolkit to Project
  224. Урок 224. 00:06:36
    Add Query to Fetch Menu Items
  225. Урок 225. 00:03:39
    Call Slice to Fetch Data
  226. Урок 226. 00:01:18
    Display Loading Text
  227. Урок 227. 00:01:01
    Assignment 20 - Load Menu Item Details
  228. Урок 228. 00:05:45
    Assignment 20 Solution - Load Menu Item Details
  229. Урок 229. 00:03:44
    Manage Quantity on Menu Item Details
  230. Урок 230. 00:04:12
    User ID for Shopping Cart
  231. Урок 231. 00:06:09
    Setup Shopping Cart Query and Mutation
  232. Урок 232. 00:05:08
    Add to Cart in Action
  233. Урок 233. 00:01:18
    Assignment 21 - Add to Cart Home Page
  234. Урок 234. 00:02:00
    Assignment 21 Solution - Add to Cart Home Page
  235. Урок 235. 00:02:18
    Add Mini Loader on Home Page
  236. Урок 236. 00:02:54
    Mini Loader Component
  237. Урок 237. 00:02:14
    Main Loader
  238. Урок 238. 00:02:03
    Loader on Add to Cart in Details Page
  239. Урок 239. 00:04:19
    Shopping Cart Interface
  240. Урок 240. 00:06:12
    Get Shopping Cart and Store in Slice
  241. Урок 241. 00:03:04
    Shopping Cart Page
  242. Урок 242. 00:06:06
    Shopping Cart Summary
  243. Урок 243. 00:04:23
    Add Reducers to Shopping Cart Slice
  244. Урок 244. 00:08:18
    Shopping Cart Functional
  245. Урок 245. 00:02:00
    Show Distinct Items in Cart
  246. Урок 246. 00:04:04
    Display Pickup Details
  247. Урок 247. 00:08:05
    Controller Component Helper Method
  248. Урок 248. 00:03:17
    Loading Component
  249. Урок 249. 00:05:19
    Login and Register UI
  250. Урок 250. 00:05:22
    How Login and Register will work
  251. Урок 251. 00:03:32
    Add Auth API
  252. Урок 252. 00:04:30
    Authentication Slice and User Interface
  253. Урок 253. 00:05:22
    Controller Components in Register
  254. Урок 254. 00:03:12
    Response API Interface
  255. Урок 255. 00:05:17
    Register User
  256. Урок 256. 00:01:46
    Controller Login Fields
  257. Урок 257. 00:03:03
    Login in Action
  258. Урок 258. 00:01:57
    Add Token to LocalStorage
  259. Урок 259. 00:03:26
    Decode JWT Token
  260. Урок 260. 00:04:05
    Toggle Login and Logout button
  261. Урок 261. 00:03:45
    Login and Logout in Action
  262. Урок 262. 00:02:42
    Small Bug with Authentication
  263. Урок 263. 00:07:50
    Toastify Notifications
  264. Урок 264. 00:00:52
    Add Loader on Register
  265. Урок 265. 00:05:10
    Add Test Components for Authentication and Authorization
  266. Урок 266. 00:07:28
    Authentication with HOC
  267. Урок 267. 00:02:56
    Authorization with HOC
  268. Урок 268. 00:04:25
    Only Authenticated User can Add to Cart
  269. Урок 269. 00:02:58
    Dynamic User ID
  270. Урок 270. 00:00:32
    Cleanup test Components
  271. Урок 271. 00:01:28
    Load User Details of Logged in User
  272. Урок 272. 00:03:36
    Stripe and React
  273. Урок 273. 00:02:16
    Create Payment API
  274. Урок 274. 00:06:01
    Calling Payment API
  275. Урок 275. 00:03:18
    Use Location State
  276. Урок 276. 00:04:03
    Stripe Card Demo
  277. Урок 277. 00:02:50
    Order Summary UI
  278. Урок 278. 00:04:43
    Local Interfaces
  279. Урок 279. 00:04:23
    Dynamic Order Summary
  280. Урок 280. 00:06:04
    Stripe Processing
  281. Урок 281. 00:03:22
    Stripe success object
  282. Урок 282. 00:01:57
    Order API
  283. Урок 283. 00:04:59
    Create Order Object to Create Order
  284. Урок 284. 00:11:54
    Create Order
  285. Урок 285. 00:03:22
    Order Confirmed Logic
  286. Урок 286. 00:06:36
    Order Confirmation Page
  287. Урок 287. 00:02:39
    Get Order Endpoints in API
  288. Урок 288. 00:02:12
    My Orders UI
  289. Урок 289. 00:08:20
    Dynamic My Orders
  290. Урок 290. 00:00:58
    Bug with my orders
  291. Урок 291. 00:04:16
    Make a new component for Order List
  292. Урок 292. 00:08:51
    12 Order Details
  293. Урок 293. 00:01:31
    13 Assignment 22 - Solve Data Bug
  294. Урок 294. 00:03:56
    14 Manage Orders Header based on Role
  295. Урок 295. 00:02:20
    15 Status Color Helper Method
  296. Урок 296. 00:02:32
    16 Display Badge for Order Status
  297. Урок 297. 00:01:26
    17 Back to Order Button
  298. Урок 298. 00:05:17
    18 Buttons for Nest Status
  299. Урок 299. 00:02:54
    19 Order Status Badge on Order List
  300. Урок 300. 00:03:26
    20 Order API - PUT Endpoint
  301. Урок 301. 00:05:13
    21 Update Order Status
  302. Урок 302. 00:01:35
    22 Cancel & Completed Buttons Condition
  303. Урок 303. 00:01:57
    23 All Orders Page
  304. Урок 304. 00:03:08
    Create Menu Item List Page
  305. Урок 305. 00:03:42
    Assignment 23 - Dynamic Menu Item List
  306. Урок 306. 00:03:59
    Menu Item Upsert UI
  307. Урок 307. 00:04:00
    Controller Components Menu Item
  308. Урок 308. 00:07:39
    Upload Image in React
  309. Урок 309. 00:03:20
    Menu Item API Mutations
  310. Урок 310. 00:05:17
    Create Menu Item
  311. Урок 311. 00:03:04
    Update Designing
  312. Урок 312. 00:03:59
    Load Menu Item to Update
  313. Урок 313. 00:05:03
    Update Menu Item
  314. Урок 314. 00:03:12
    Category Dropdown
  315. Урок 315. 00:01:45
    Small Bug
  316. Урок 316. 00:02:45
    Delete Menu Item
  317. Урок 317. 00:00:33
    Assignment 25 - Data goes away on refresh
  318. Урок 318. 00:01:28
    Assignment 25 - Bug Solution
  319. Урок 319. 00:01:58
    Banner
  320. Урок 320. 00:00:56
    Renaming Folder
  321. Урок 321. 00:03:19
    Store Search Value in Redux
  322. Урок 322. 00:06:58
    Search in Banner
  323. Урок 323. 00:05:06
    Show all Category for Filter
  324. Урок 324. 00:06:50
    Category Filters in Action
  325. Урок 325. 00:07:33
    Sorting in Action
  326. Урок 326. 00:03:05
    Skip Getting Shopping Cart
  327. Урок 327. 00:05:57
    Authentication and Authorization End Points
  328. Урок 328. 00:03:58
    Deploy to Azure
  329. Урок 329. 00:01:00
    Introduction
  330. Урок 330. 00:02:21
    Add search to orders in API
  331. Урок 331. 00:06:40
    Add pagination to orders in API
  332. Урок 332. 00:04:22
    Add UI Filters
  333. Урок 333. 00:03:24
    Controller Components
  334. Урок 334. 00:04:48
    Local Filters in Action
  335. Урок 335. 00:03:51
    API Filters in Action
  336. Урок 336. 00:00:38
    Small Bug
  337. Урок 337. 00:04:43
    Get Total Records
  338. Урок 338. 00:05:39
    Pagination in Action
  339. Урок 339. 00:03:29
    Page Size in Action