Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай 30+ React Projects, Learn React JS by Building 30+ Web Apps, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:02:18
    Introduction
  2. Урок 2. 00:07:25
    Setting up the React Development Env.
  3. Урок 3. 00:01:06
    Project overview
  4. Урок 4. 00:09:45
    Create Title component and general styling in React
  5. Урок 5. 00:06:09
    Learn how useState works and manipulate name and date
  6. Урок 6. 00:00:50
    Project overview
  7. Урок 7. 00:12:21
    Using events and functions
  8. Урок 8. 00:00:41
    Project overview
  9. Урок 9. 00:05:24
    Card design
  10. Урок 10. 00:07:17
    Install and use React Icons to the project
  11. Урок 11. 00:05:42
    React useState to like on click and double Click
  12. Урок 12. 00:00:56
    Project overview
  13. Урок 13. 00:07:36
    Create a React Button components
  14. Урок 14. 00:11:21
    Get Post/Users/Comments using React useState and useEffect Hooks
  15. Урок 15. 00:01:02
    Project overview
  16. Урок 16. 00:07:16
    Create a Alert component
  17. Урок 17. 00:02:56
    Automatically close alert with delay using time trigger
  18. Урок 18. 00:00:59
    Project overview
  19. Урок 19. 00:04:42
    Design the Controller component
  20. Урок 20. 00:03:29
    Change temperature using the React useState Hook
  21. Урок 21. 00:01:00
    Project overview
  22. Урок 22. 00:06:12
    Create a Blog component
  23. Урок 23. 00:14:09
    Dark mode using useContext
  24. Урок 24. 00:00:31
    Project overview
  25. Урок 25. 00:09:01
    Create the UI
  26. Урок 26. 00:04:58
    Create Lock screen
  27. Урок 27. 00:04:07
    Creating the Lock screen state
  28. Урок 28. 00:03:08
    Lock the screen
  29. Урок 29. 00:04:28
    Toggle Lock and Unlock Screen
  30. Урок 30. 00:00:42
    Project overview
  31. Урок 31. 00:05:40
    Create the Slider Component
  32. Урок 32. 00:08:24
    useState hook to manipulate the Circle using the slider Component
  33. Урок 33. 00:00:49
    Project overview
  34. Урок 34. 00:08:46
    Create the search component and general styling
  35. Урок 35. 00:09:27
    Show search bar
  36. Урок 36. 00:05:49
    Auto focus on the input using useRef Hook
  37. Урок 37. 00:00:51
    Project overview
  38. Урок 38. 00:09:13
    Create a Popup component
  39. Урок 39. 00:06:19
    Trigger a popup and close it
  40. Урок 40. 00:06:45
    Time Triggered popup
  41. Урок 41. 00:00:52
    Project overview
  42. Урок 42. 00:05:50
    Ui design and input outo focus with useRef and useEffect
  43. Урок 43. 00:07:24
    Create a Progressbar component
  44. Урок 44. 00:04:18
    Add multiple Progress Bars using map method
  45. Урок 45. 00:04:07
    Manipulate each Progress bars data with useState
  46. Урок 46. 00:02:22
    Random Progress Bar data with useEffect
  47. Урок 47. 00:00:52
    Project overview
  48. Урок 48. 00:06:27
    Dialog Box component UI design
  49. Урок 49. 00:08:07
    Hello Dialog Box component
  50. Урок 50. 00:06:53
    Unsubscribe Dialog Box component
  51. Урок 51. 00:05:23
    Bounce animation effect
  52. Урок 52. 00:01:36
    Project overview
  53. Урок 53. 00:04:31
    UI design and Autofocus using useRef and useEffect
  54. Урок 54. 00:03:13
    Import data from JSON file
  55. Урок 55. 00:07:50
    Create a Contact component
  56. Урок 56. 00:03:27
    Filer contacts
  57. Урок 57. 00:01:23
    Project overview
  58. Урок 58. 00:05:45
    Form Ui
  59. Урок 59. 00:07:18
    Handle inputs and Registrations
  60. Урок 60. 00:03:22
    Input fields individual validation
  61. Урок 61. 00:05:17
    Form Submission and Validation
  62. Урок 62. 00:01:43
    Project overview
  63. Урок 63. 00:03:52
    App UI design
  64. Урок 64. 00:09:14
    Install and use React Styled Components
  65. Урок 65. 00:06:23
    Add New Note
  66. Урок 66. 00:02:12
    Delete Note
  67. Урок 67. 00:03:50
    Create Random Note types
  68. Урок 68. 00:00:55
    Project overview
  69. Урок 69. 00:03:34
    Create a nav component
  70. Урок 70. 00:02:42
    Create a Nav Item component
  71. Урок 71. 00:06:22
    Style the Nav using React Styled Components
  72. Урок 72. 00:05:55
    Show and Hide the navbar using React useState and useEffect
  73. Урок 73. 00:03:59
    Open and Close the Navbar using React useState and useEffec
  74. Урок 74. 00:04:40
    Show Active nav item and change page title using React useState
  75. Урок 75. 00:11:23
    UPDATE - Adding pages to navigate to
  76. Урок 76. 00:01:57
    Project overview
  77. Урок 77. 00:03:59
    Form UI style
  78. Урок 78. 00:04:55
    Create a React FormGroup Component
  79. Урок 79. 00:01:42
    Working with the form group component
  80. Урок 80. 00:08:07
    Install and use Animated Text component
  81. Урок 81. 00:01:59
    Clear and Refocus the input field
  82. Урок 82. 00:01:40
    Project overview
  83. Урок 83. 00:06:30
    UI Design using FormGroup Components
  84. Урок 84. 00:03:34
    Get values using useState hook
  85. Урок 85. 00:05:57
    Create a component to calc the interest
  86. Урок 86. 00:03:48
    Calc the compounded interest
  87. Урок 87. 00:01:00
    Project overview
  88. Урок 88. 00:06:31
    Design the Space ENV
  89. Урок 89. 00:03:48
    Space ship component
  90. Урок 90. 00:04:05
    Earth and Moon Components
  91. Урок 91. 00:04:51
    Launch and Land the Ship
  92. Урок 92. 00:04:17
    Change the Spaceship in to a Penguin
  93. Урок 93. 00:01:22
    Project overview
  94. Урок 94. 00:02:50
    Planing the components layout for the UI
  95. Урок 95. 00:09:17
    Task tracker style using Styled components
  96. Урок 96. 00:07:32
    Input Task Component
  97. Урок 97. 00:08:12
    Create and Add a New Task
  98. Урок 98. 00:07:14
    Complete and Delete Task
  99. Урок 99. 00:00:49
    Project overview
  100. Урок 100. 00:07:35
    Design the Start Menu
  101. Урок 101. 00:16:03
    Create Units Card Component
  102. Урок 102. 00:00:50
    Project overview
  103. Урок 103. 00:06:47
    UI planning and Design using Components
  104. Урок 104. 00:07:42
    Login Container design using Styled Components
  105. Урок 105. 00:14:18
    Animate using Styled Components
  106. Урок 106. 00:01:19
    Project overview
  107. Урок 107. 00:04:13
    Phone Book main UI
  108. Урок 108. 00:08:05
    Create a Contact React Components
  109. Урок 109. 00:04:56
    Create a Contact List React Components
  110. Урок 110. 00:05:14
    Display all contacts from the Contacts Database
  111. Урок 111. 00:05:11
    Create the Toggle Search and Filter Contacts Components
  112. Урок 112. 00:03:43
    Sort Contact A-Z and Z-A
  113. Урок 113. 00:04:10
    Search contact
  114. Урок 114. 00:03:43
    Project overview
  115. Урок 115. 00:07:43
    Components Planing
  116. Урок 116. 00:06:48
    Create a Expenses Form Component
  117. Урок 117. 00:04:29
    Create a Expenses List Component
  118. Урок 118. 00:10:12
    Create a List Item Component
  119. Урок 119. 00:05:19
    Style the budget using Styled components
  120. Урок 120. 00:03:26
    Add state to all components
  121. Урок 121. 00:03:37
    Add budget using useState , useEffect and useRef
  122. Урок 122. 00:02:03
    Save and Load data from Local Storage
  123. Урок 123. 00:03:41
    Handle all input and submission
  124. Урок 124. 00:05:59
    Add unique Id
  125. Урок 125. 00:07:21
    Display all expenses
  126. Урок 126. 00:01:54
    Clear local storage and add new expenses
  127. Урок 127. 00:02:28
    Handle Clear all expenses from storage and UI
  128. Урок 128. 00:03:01
    Handle Delete one expense from storage and UI
  129. Урок 129. 00:07:44
    Handle Edit one expense from storage and UI
  130. Урок 130. 00:02:59
    Calculate the total expenses and economies
  131. Урок 131. 00:07:56
    Add Alerts
  132. Урок 132. 00:02:06
    Project overview
  133. Урок 133. 00:08:27
    Main component and Ui design
  134. Урок 134. 00:04:17
    Add State to all components
  135. Урок 135. 00:03:10
    Calculate the Loan Amount
  136. Урок 136. 00:04:51
    Calculate monthly payments
  137. Урок 137. 00:03:32
    Display monthly payments and Alerts
  138. Урок 138. 00:01:24
    Project overview
  139. Урок 139. 00:04:51
    Project structure and UI design
  140. Урок 140. 00:03:03
    Create the Courses component
  141. Урок 141. 00:04:26
    Create a Course component and design
  142. Урок 142. 00:06:25
    Create a Database for all Courses
  143. Урок 143. 00:05:11
    Currencies Database and converter Buttons
  144. Урок 144. 00:04:16
    Convert the Currencies with the React useContext Hook
  145. Урок 145. 00:03:03
    Change Course appearance depending on its currency
  146. Урок 146. 00:00:53
    Project overview
  147. Урок 147. 00:05:18
    Ui design
  148. Урок 148. 00:04:28
    Form Wrapper and Shake animation
  149. Урок 149. 00:03:04
    Authentication container
  150. Урок 150. 00:06:00
    Authentication status using context
  151. Урок 151. 00:05:22
    Authentication User name and password
  152. Урок 152. 00:05:41
    Authentication Login Logout and Try again
  153. Урок 153. 00:00:45
    Project overview
  154. Урок 154. 00:03:59
    UI Structure and main component
  155. Урок 155. 00:06:53
    Speech Narrator UI Component
  156. Урок 156. 00:07:04
    Text splitter and Highlighted Text
  157. Урок 157. 00:08:06
    Start Pause and Rate
  158. Урок 158. 00:01:47
    Project overview
  159. Урок 159. 00:06:14
    Ui
  160. Урок 160. 00:06:10
    Get post
  161. Урок 161. 00:02:55
    Implement Lazy load