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

  1. Урок 1. 00:01:55
    Introduction
  2. Урок 2. 00:03:50
    React Is Declarative
  3. Урок 3. 00:18:26
    Component Based Architecture
  4. Урок 4. 00:11:07
    Creating & Understanding React Project Architecture
  5. Урок 5. 00:03:34
    npm vs. npx
  6. Урок 6. 00:02:28
    React 18 - Goodbye ReactDOM.render()
  7. Урок 7. 00:02:31
    React 18 - Migrating from v17 to v18
  8. Урок 8. 00:09:19
    "props" Destructuring
  9. Урок 9. 00:11:27
    Concept of State & useState() Hook
  10. Урок 10. 00:06:31
    Lazy Initial State
  11. Урок 11. 00:08:38
    Basic Event Handling & Parameter Passing
  12. Урок 12. 00:06:46
    Applying External & Inline Styling
  13. Урок 13. 00:10:14
    JSX - In-depth
  14. Урок 14. 00:04:47
    New JSX Transform
  15. Урок 15. 00:11:59
    Primitive Types & Object Literal with useState()
  16. Урок 16. 00:07:41
    Class Component Basics
  17. Урок 17. 00:07:16
    Class Component "state" update with setState()
  18. Урок 18. 00:09:51
    Component Lifecycle Methods Basics
  19. Урок 19. 00:08:30
    useEffect() - Creating A Digital Clock Using useEffect()
  20. Урок 20. 00:05:19
    useEffect() Multiple States & Skipping Effects For Optimization
  21. Урок 21. 00:09:57
    Conditional Rendering - Cleaning Up An Effect
  22. Урок 22. 00:05:18
    "ref" - The Older way
  23. Урок 23. 00:02:50
    React.createRef() method
  24. Урок 24. 00:03:35
    useRef() hook
  25. Урок 25. 00:17:46
    React.memo() & useCallback() hook
  26. Урок 26. 00:00:48
    Introduction
  27. Урок 27. 00:08:52
    map() method
  28. Урок 28. 00:04:17
    String Array Rendering
  29. Урок 29. 00:05:17
    Keys
  30. Урок 30. 00:02:35
    Fixed Stable Keys
  31. Урок 31. 00:04:24
    List With A Component
  32. Урок 32. 00:01:51
    Embedding map() In JSX
  33. Урок 33. 00:01:03
    Introduction
  34. Урок 34. 00:04:47
    Expression & String Literals
  35. Урок 35. 00:01:25
    "props" default to True
  36. Урок 36. 00:02:54
    Spread Attributes
  37. Урок 37. 00:03:04
    props.children property
  38. Урок 38. 00:02:45
    <React.Fragment>
  39. Урок 39. 00:00:53
    Event Handling - In-depth Introduction
  40. Урок 40. 00:04:28
    Quick Essential Recap - Events
  41. Урок 41. 00:05:35
    SyntheticEvent
  42. Урок 42. 00:03:11
    Input Event - Textbox
  43. Урок 43. 00:05:17
    preventDefault - Preventing default behavior
  44. Урок 44. 00:08:16
    <form> with Multiple States
  45. Урок 45. 00:06:21
    <form> - States as Object
  46. Урок 46. 00:05:04
    Single Event Handler Using Dynamic Key
  47. Урок 47. 00:02:53
    Functional Update - The Correct Way
  48. Урок 48. 00:03:31
    Checkbox or Radio - Input fields
  49. Урок 49. 00:01:16
    Introduction
  50. Урок 50. 00:07:42
    Conditional Rendering with if...else…
  51. Урок 51. 00:02:56
    Inline if-else [ condition? true: false]
  52. Урок 52. 00:02:54
    JSX - Element Variable
  53. Урок 53. 00:01:47
    switch...case…
  54. Урок 54. 00:02:14
    Logical && Operator
  55. Урок 55. 00:03:26
    MPA vs. SPA
  56. Урок 56. 00:13:25
    Defining Routes
  57. Урок 57. 00:01:45
    Menu Formatting
  58. Урок 58. 00:03:15
    URL Vs. Routes & Default Page Setup
  59. Урок 59. 00:10:41
    Dynamic Routes - useParams() hook
  60. Урок 60. 00:05:13
    Nested Routes - <Outlet/>
  61. Урок 61. 00:03:24
    Not Found Page (404)
  62. Урок 62. 00:03:47
    index Attribute - Referring The Parent Route
  63. Урок 63. 00:05:30
    Dynamic Products Data - useState() & route Configuration
  64. Урок 64. 00:03:36
    context & useOutletContext() hook - Passing Data To Child Component
  65. Урок 65. 00:03:31
    "state" & useLocation() hook - The Correct Way Of Data Sharing
  66. Урок 66. 00:04:08
    Improvizing The Interface
  67. Урок 67. 00:05:36
    useRoutes() hook - Javascript instead of JSX
  68. Урок 68. 00:04:38
    NavLink - For Better Styling
  69. Урок 69. 00:01:56
    <Navigate> To Redirect
  70. Урок 70. 00:03:59
    useNavigate() hook
  71. Урок 71. 00:03:19
    Multi-page Application(MPA)/Single-page Application(SPA) Basics
  72. Урок 72. 00:10:49
    Defining Routes
  73. Урок 73. 00:06:06
    Route Matchers - <Switch> & exact
  74. Урок 74. 00:09:07
    Route Parameters & Dynamic Routes with useParams hook
  75. Урок 75. 00:10:11
    Nested Route, match object & useRouteMatch() hook
  76. Урок 76. 00:02:57
    Redirect
  77. Урок 77. 00:05:11
    NoMatch(404)
  78. Урок 78. 00:06:14
    <NavLink> Vs. <Link>
  79. Урок 79. 00:06:10
    useHistory() hook
  80. Урок 80. 00:05:33
    Preventing Navigation - <Prompt>
  81. Урок 81. 00:08:25
    Query Parameters
  82. Урок 82. 00:05:11
    “prop” drilling
  83. Урок 83. 00:03:25
    First Step - All in App.js
  84. Урок 84. 00:04:04
    Creating Cart & Total component
  85. Урок 85. 00:13:01
    context API - Implementation
  86. Урок 86. 00:04:34
    useContext() - New & Better Consumer!
  87. Урок 87. 00:10:22
    Redux - Introduction
  88. Урок 88. 00:06:30
    Setting-up the redux-demo Application
  89. Урок 89. 00:05:21
    Creating Global Store & Reducer
  90. Урок 90. 00:03:01
    Providing store with Provider
  91. Урок 91. 00:06:19
    useSelector() hook
  92. Урок 92. 00:14:43
    useDispatch() hook
  93. Урок 93. 00:07:05
    Class Component - Accessing store in class component
  94. Урок 94. 00:07:46
    Action Creator & Event Dispatching (Class Component)
  95. Урок 95. 00:06:11
    Delete Cart Item
  96. Урок 96. 00:06:34
    Combine Reducers Part-1
  97. Урок 97. 00:06:56
    Combine Reducers Part-2
  98. Урок 98. 00:05:57
    Action Type Constants
  99. Урок 99. 00:03:48
    Why Asynchronous Redux ?
  100. Урок 100. 00:04:41
    Action Creator - validateUser()
  101. Урок 101. 00:05:29
    redux-thunk
  102. Урок 102. 00:03:52
    Redux Toolkit(RTK) - Introduction & Installation
  103. Урок 103. 00:12:31
    Creating Slice
  104. Урок 104. 00:03:20
    configureStore() - Store creation
  105. Урок 105. 00:06:11
    Dispatching Actions - The RTK way
  106. Урок 106. 00:04:26
    thunk - Asynchronous
  107. Урок 107. 00:02:21
    Http Requests - Introduction
  108. Урок 108. 00:12:28
    fetch Api - Refresher
  109. Урок 109. 00:07:53
    Fetching Data
  110. Урок 110. 00:04:18
    Displaying Users Data
  111. Урок 111. 00:08:18
    Creating Components - Users/Todos
  112. Урок 112. 00:03:33
    Conditional Rendering Implementation
  113. Урок 113. 00:08:13
    Error Handling
  114. Урок 114. 00:02:42
    Rules Of Hooks
  115. Урок 115. 00:06:03
    Custom Hooks
  116. Урок 116. 00:05:17
    Fetching Data Using Custom Hooks
  117. Урок 117. 00:01:18
    Introduction
  118. Урок 118. 00:05:06
    Installing TypeScript Compiler
  119. Урок 119. 00:08:05
    Variables & Datatypes
  120. Урок 120. 00:04:57
    Type Annotation & Inference
  121. Урок 121. 00:02:24
    Creating React & TypeScript Project
  122. Урок 122. 00:06:19
    React.FC - TypeScript FunctionalComponent
  123. Урок 123. 00:03:56
    Interface & Optional Attributes
  124. Урок 124. 00:03:03
    useState() with TypeScript
  125. Урок 125. 00:03:31
    onClick - Event Handling with TypeScript
  126. Урок 126. 00:03:02
    onChange - EventHandling with TypeScript
  127. Урок 127. 00:02:07
    <select> - Working with Dropdown
  128. Урок 128. 00:03:32
    useRef() with TypeScript
  129. Урок 129. 00:02:15
    Introduction to Automated Testing
  130. Урок 130. 00:02:16
    Types of Automated Tests
  131. Урок 131. 00:03:11
    Jest Vs. Enzyme
  132. Урок 132. 00:05:13
    React Project & Testing - First Step
  133. Урок 133. 00:01:47
    Understanding TDD - Test Driven Development
  134. Урок 134. 00:11:12
    Beginning Practical Test
  135. Урок 135. 00:02:28
    getByTestId() and data-testid
  136. Урок 136. 00:05:03
    Button Click Test - fireEvent
  137. Урок 137. 00:03:58
    userEvent Vs. fireEvent
  138. Урок 138. 00:03:56
    Matchers - toBe() or not.toBe() & more...
  139. Урок 139. 00:05:31
    Test with input element
  140. Урок 140. 00:03:11
    Resolving Input Change Issue
  141. Урок 141. 00:07:34
    Asynchronous Testing
  142. Урок 142. 00:04:09
    Mock Test - Mocking fetch() API
  143. Урок 143. 00:02:23
    beforeEach() & afterEach()
  144. Урок 144. 00:06:18
    Snapshot Testing
  145. Урок 145. 00:01:20
    Introduction - MERN Stack eStore Project
  146. Урок 146. 00:05:04
    Beginning With Header Component
  147. Урок 147. 00:04:33
    Adding Search Bar With Icon
  148. Урок 148. 00:02:54
    Category Dropdown In Search Bar
  149. Урок 149. 00:05:58
    Login, Wishlist & Cart Icons
  150. Урок 150. 00:04:28
    Creating React TopNav Component
  151. Урок 151. 00:04:30
    Implementing SCSS
  152. Урок 152. 00:05:43
    CatNav - Category Navigation
  153. Урок 153. 00:03:14
    Applying Transition Effect
  154. Урок 154. 00:04:44
    Global CSS with mixins and variables
  155. Урок 155. 00:05:28
    SideNav
  156. Урок 156. 00:05:47
    Creating Accordion
  157. Урок 157. 00:02:25
    Making the Accordion Collapsible
  158. Урок 158. 00:03:55
    Converting Transition into Global Mixin
  159. Урок 159. 00:06:36
    Creating Products Component
  160. Урок 160. 00:05:25
    Styling the Product Card
  161. Урок 161. 00:03:23
    Mapping the Product Cards
  162. Урок 162. 00:01:47
    Rating section in the product card
  163. Урок 163. 00:03:53
    Implementing Flex For Better Responsiveness
  164. Урок 164. 00:03:06
    What and Why Git / Github?
  165. Урок 165. 00:04:16
    Configuring the Project Repository
  166. Урок 166. 00:02:41
    Configuring the Branch in Git
  167. Урок 167. 00:02:04
    Configuring Redux Tool-Kit(RTK)
  168. Урок 168. 00:03:41
    Implementing RTK in CatNav Component
  169. Урок 169. 00:01:29
    Implementing RTK for the Products Component
  170. Урок 170. 00:04:11
    Implementing RTK for the Accordion Categories
  171. Урок 171. 00:03:35
    Configuring MySQL
  172. Урок 172. 00:03:53
    Creating the Database
  173. Урок 173. 00:03:12
    Creating Node Server with Express.js
  174. Урок 174. 00:02:34
    Configuring API Endpoints/Routes
  175. Урок 175. 00:01:36
    Configuring nodemon
  176. Урок 176. 00:03:26
    Connecting with MySQL
  177. Урок 177. 00:02:03
    Data Fetching with SQL Query
  178. Урок 178. 00:01:28
    createPool() - No Need for getConnection()
  179. Урок 179. 00:02:17
    Organizing Routes
  180. Урок 180. 00:01:22
    Configuring Routes with “express.Router()”
  181. Урок 181. 00:02:11
    Organizing the RTK Code
  182. Урок 182. 00:04:06
    Configuring the Reducer and Action for CatNav
  183. Урок 183. 00:02:10
    Fetching the Category Data from Database
  184. Урок 184. 00:01:31
    Inserting and Fetching all Parent Categories
  185. Урок 185. 00:03:15
    Fetching Categories for Accordion
  186. Урок 186. 00:02:58
    Adding the Products Endpoint / Route
  187. Урок 187. 00:03:34
    Rendering the Products Data
  188. Урок 188. 00:03:04
    Adding the Cart Button
  189. Урок 189. 00:01:52
    Creating the Cart Slice
  190. Урок 190. 00:04:04
    Applying Cart Functionalities
  191. Урок 191. 00:03:47
    Displaying the Cart Item Count
  192. Урок 192. 00:04:52
    Filtering Products by Categories
  193. Урок 193. 00:03:35
    Setting Up Price Filter UI
  194. Урок 194. 00:03:33
    Adding Price Filter Feature
  195. Урок 195. 00:02:33
    Configuring the React Router 6 - SPA
  196. Урок 196. 00:02:21
    Configuring the ProductDetails
  197. Урок 197. 00:03:26
    Filling the Data in ProductDetails Component
  198. Урок 198. 00:05:10
    Styling the ProductDetails Component
  199. Урок 199. 00:01:09
    Enabling Cart In ProductDetails
  200. Урок 200. 00:01:40
    Creating the Cart Component
  201. Урок 201. 00:01:45
    Conditional Rendering in Cart Component
  202. Урок 202. 00:03:00
    Completing the EmptyCart Component
  203. Урок 203. 00:07:05
    Rendering Data in FilledCart Component
  204. Урок 204. 00:03:18
    Styling the FilledCart Component
  205. Урок 205. 00:02:20
    Rendering the Cart Item Quantity
  206. Урок 206. 00:05:06
    Implementing the Cart Item Quantity
  207. Урок 207. 00:02:54
    Deleting Cart Items
  208. Урок 208. 00:04:08
    Configuring the Google OAuth
  209. Урок 209. 00:02:39
    Displaying Logged-in User Name