Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:01:42
    1- Welcome
  2. Урок 2. 00:00:50
    2- Prerequisites
  3. Урок 3. 00:02:15
    1- What is React
  4. Урок 4. 00:01:29
    2- Setting Up the Development Environment
  5. Урок 5. 00:02:55
    3- Creating a React App
  6. Урок 6. 00:02:04
    4- Project Structure
  7. Урок 7. 00:05:23
    5- Creating a React Component
  8. Урок 8. 00:02:21
    6- How React Works
  9. Урок 9. 00:01:24
    7- React Ecosystem
  10. Урок 10. 00:00:36
    1- Introduction
  11. Урок 11. 00:05:37
    2- Creating a ListGroup Component
  12. Урок 12. 00:02:29
    3- Fragments
  13. Урок 13. 00:03:31
    4- Rendering Lists
  14. Урок 14. 00:05:26
    5- Conditional Rendering
  15. Урок 15. 00:06:08
    6- Handling Events
  16. Урок 16. 00:06:04
    7- Managing State
  17. Урок 17. 00:03:59
    8- Passing Data via Props
  18. Урок 18. 00:03:47
    9- Passing Functions via Props
  19. Урок 19. 00:01:34
    10- State vs Props
  20. Урок 20. 00:05:06
    11- Passing Children
  21. Урок 21. 00:02:11
    12- Inspecting Components with React Dev Tools
  22. Урок 22. 00:07:03
    13- Exercise- Building a Button Component
  23. Урок 23. 00:05:03
    14- Exercise- Showing an Alert
  24. Урок 24. 00:00:27
    1- Introduction
  25. Урок 25. 00:04:12
    2- Vanilla CSS
  26. Урок 26. 00:03:46
    3- CSS Modules
  27. Урок 27. 00:07:52
    4- CSS-in-JS
  28. Урок 28. 00:02:31
    5- Separation of Concerns
  29. Урок 29. 00:01:03
    6- Inline Styles
  30. Урок 30. 00:02:04
    7- Popular UI Libraries
  31. Урок 31. 00:01:53
    8- Adding Icons
  32. Урок 32. 00:03:01
    9- Exercise- Using CSS Modules
  33. Урок 33. 00:05:20
    10- Building a Like Component
  34. Урок 34. 00:00:26
    1- Introduction
  35. Урок 35. 00:04:29
    2- Understanding the State Hook
  36. Урок 36. 00:02:57
    3- Choosing the State Structure
  37. Урок 37. 00:02:04
    4- Keeping Components Pure
  38. Урок 38. 00:02:43
    5- Understanding the Strict Mode
  39. Урок 39. 00:02:22
    6- Updating Objects
  40. Урок 40. 00:02:16
    7- Updating Nested Objects
  41. Урок 41. 00:01:50
    8- Updating Arrays
  42. Урок 42. 00:01:47
    9- Updating Array of Objects
  43. Урок 43. 00:02:57
    10- Simplifying Update Logic with Immer
  44. Урок 44. 00:06:23
    11- Sharing State between Components
  45. Урок 45. 00:04:50
    12- Exercise- Updating State
  46. Урок 46. 00:06:23
    13- Exercise- Building an ExpandableText Component
  47. Урок 47. 00:00:25
    1- Introduction
  48. Урок 48. 00:03:46
    2- Building a Form
  49. Урок 49. 00:02:24
    3- Handling Form Submission
  50. Урок 50. 00:05:47
    4- Accessing Input Fields
  51. Урок 51. 00:04:34
    5- Controlled Components
  52. Урок 52. 00:04:34
    6- Managing Forms with React Hook Form
  53. Урок 53. 00:05:39
    7- Applying Validation
  54. Урок 54. 00:07:34
    8- Schema based Validation with Zod
  55. Урок 55. 00:00:46
    9- Disabling the Submit Button
  56. Урок 56. 00:01:24
    10- Project- Expense Tracker
  57. Урок 57. 00:10:29
    11- Building ExpenseList
  58. Урок 58. 00:05:52
    12- Building ExpenseFilter
  59. Урок 59. 00:04:37
    13- Building the Expense Form
  60. Урок 60. 00:09:55
    14- Integrating with React Hook Form and Zod
  61. Урок 61. 00:03:36
    15- Adding an Expense
  62. Урок 62. 00:00:54
    1- Introduction
  63. Урок 63. 00:03:51
    2- Understanding the Effect Hook
  64. Урок 64. 00:08:35
    3- Effect Dependencies
  65. Урок 65. 00:02:31
    4- Effect Clean Up
  66. Урок 66. 00:05:33
    5- Fetching Data
  67. Урок 67. 00:03:03
    6- Understanding HTTP Requests
  68. Урок 68. 00:02:04
    7- Handling Errors
  69. Урок 69. 00:04:22
    8- Working with Async and Await
  70. Урок 70. 00:02:28
    9- Cancelling a Fetch Request
  71. Урок 71. 00:03:03
    10- Showing a Loading Indicator
  72. Урок 72. 00:05:51
    11- Deleting Data
  73. Урок 73. 00:05:10
    12- Creating Data
  74. Урок 74. 00:05:26
    13- Updating Data
  75. Урок 75. 00:03:56
    14- Extracting a Reusable API Client
  76. Урок 76. 00:08:23
    15- Extracting the User Service
  77. Урок 77. 00:08:01
    16- Creating a Generic HTTP Service
  78. Урок 78. 00:03:54
    17- Creating a Custom Data Fetching Hook
  79. Урок 79. 00:01:24
    1- What We'll Build
  80. Урок 80. 00:01:32
    3- Setting Up the Project
  81. Урок 81. 00:05:01
    4- Installing Chakra UI
  82. Урок 82. 00:04:54
    5- Creating a Responsive Layout
  83. Урок 83. 00:03:59
    6- Building the Navigation Bar
  84. Урок 84. 00:02:45
    7- Implementing the Dark Mode
  85. Урок 85. 00:03:37
    8- Building the Г‡olor Mode Switch
  86. Урок 86. 00:08:20
    9- Fetching the Games
  87. Урок 87. 00:05:00
    10- Creating a Custom Hook for Fetching Games
  88. Урок 88. 00:06:09
    11- Building Game Cards
  89. Урок 89. 00:13:43
    12- Displaying Platform Icons
  90. Урок 90. 00:04:21
    13- Displaying Critic Score
  91. Урок 91. 00:03:57
    14- Getting Optimized Images
  92. Урок 92. 00:05:38
    15- Improving User Experience with Loading Skeletons
  93. Урок 93. 00:02:35
    16- Refactor- Removing Duplicated Styles
  94. Урок 94. 00:04:32
    17- Fetching the Genres
  95. Урок 95. 00:06:43
    18- Creating a Generic Data Fetching Hook
  96. Урок 96. 00:08:53
    19- Displaying the Genres
  97. Урок 97. 00:01:28
    20- Showing a Spinner
  98. Урок 98. 00:12:34
    21- Filtering Games by Genre
  99. Урок 99. 00:01:44
    22- Highlighting the Selected Genre
  100. Урок 100. 00:04:31
    23- Building Platform Selector
  101. Урок 101. 00:06:16
    24- Filtering Games by Platform
  102. Урок 102. 00:05:12
    25- Refactoring- Extracting a Query Object
  103. Урок 103. 00:03:00
    26- Building Sort Selector
  104. Урок 104. 00:08:11
    27- Sorting Games
  105. Урок 105. 00:01:08
    28- Handling Games without an Image
  106. Урок 106. 00:01:29
    29- Fixing the Issue with Chakra Menus
  107. Урок 107. 00:02:39
    30- Building Search Input
  108. Урок 108. 00:06:06
    31- Searching Games
  109. Урок 109. 00:04:39
    32- Adding a Dynamic Heading
  110. Урок 110. 00:02:21
    33- Cleaning Up the Genres
  111. Урок 111. 00:01:24
    34- Cleaning Up the Game Cards
  112. Урок 112. 00:05:36
    35- Adding Emojis
  113. Урок 113. 00:03:17
    36- Shipping Static Data
  114. Урок 114. 00:02:58
    37- Customizing the Chakra Theme
  115. Урок 115. 00:00:57
    38- Refactoring Game Grid
  116. Урок 116. 00:02:50
    39- Building for Production
  117. Урок 117. 00:04:43
    40- Deploying to Vercel
  118. Урок 118. 00:00:31
    41- What's Next
  119. Урок 119. 00:00:26
    42- Course Wrap Up