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