Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай The React Developer Course with Hooks, Context API and Redux, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:03:51
    Introduction
  • Урок 2. 00:05:15
    Install Tools
  • Урок 3. 00:01:51
    BMI Calculator Demo
  • Урок 4. 00:02:47
    Password Generator Demo
  • Урок 5. 00:03:44
    Calendar App Demo
  • Урок 6. 00:07:45
    Ticket App Demo
  • Урок 7. 00:02:25
    Project Introduction
  • Урок 8. 00:02:30
    App Structure Description
  • Урок 9. 00:07:16
    Create BMI Calculator Project
  • Урок 10. 00:06:26
    Install Bootstrap
  • Урок 11. 00:05:32
    Create BMI Component
  • Урок 12. 00:05:23
    Add BMI Component HTML
  • Урок 13. 00:08:22
    Create Form Input Component
  • Урок 14. 00:04:38
    Use Form Input Component
  • Урок 15. 00:06:51
    Select Tag Method
  • Урок 16. 00:03:58
    Set Default Unit
  • Урок 17. 00:01:53
    Set Default Unit Alternatively
  • Урок 18. 00:11:06
    Form Input OnChange Method - Part 1
  • Урок 19. 00:04:26
    Form Input OnChange Method - Part 2
  • Урок 20. 00:02:46
    Reset Button Method
  • Урок 21. 00:01:25
    Metric BMI Formula
  • Урок 22. 00:05:50
    Metric BMI Method
  • Урок 23. 00:03:16
    Convert Height to Meters
  • Урок 24. 00:05:45
    Display BMI Values
  • Урок 25. 00:01:14
    Imperial BMI Formula
  • Урок 26. 00:06:14
    Imperial BMI Method
  • Урок 27. 00:05:48
    Display BMI Category
  • Урок 28. 00:03:42
    Set BMI Category Color
  • Урок 29. 00:04:14
    Set BMI Background Color
  • Урок 30. 00:04:03
    BMI Calculator Conclusion
  • Урок 31. 00:09:43
    Deploy BMI Calculator to Github Pages
  • Урок 32. 00:04:02
    Project Introduction
  • Урок 33. 00:05:06
    Password Generator Structure
  • Урок 34. 00:05:08
    Create Password Generator Project
  • Урок 35. 00:03:51
    Add Bootstrap and Font Awesome
  • Урок 36. 00:09:23
    Create Main Component
  • Урок 37. 00:07:44
    Create Header Component
  • Урок 38. 00:06:31
    Create Display Component
  • Урок 39. 00:08:29
    Add Buttons to Display Component
  • Урок 40. 00:09:38
    Container Component
  • Урок 41. 00:10:26
    Create Button Component
  • Урок 42. 00:10:39
    Add Slider Component
  • Урок 43. 00:07:17
    Slider Component Styles
  • Урок 44. 00:03:17
    Slider Prop Types
  • Урок 45. 00:14:29
    Checkbox Component
  • Урок 46. 00:05:51
    Use Checkbox with Array Map
  • Урок 47. 00:01:51
    Checkbox Prop Types
  • Урок 48. 00:09:31
    Add Linear Gradient to Slider
  • Урок 49. 00:08:02
    Dynamically Move Linear Gradient
  • Урок 50. 00:03:25
    Set Slider Range Value
  • Урок 51. 00:09:13
    Check and Uncheck Boxes
  • Урок 52. 00:07:44
    Helper Functions - Part 1
  • Урок 53. 00:08:06
    Helper Functions - Part 2
  • Урок 54. 00:10:49
    Use Generate Password Method
  • Урок 55. 00:05:06
    Display Generated Password
  • Урок 56. 00:08:24
    Generate New Password Method
  • Урок 57. 00:04:06
    Hook Slider with Password Display
  • Урок 58. 00:09:59
    Change Password Display Background
  • Урок 59. 00:06:54
    Change Password with Checkboxes
  • Урок 60. 00:09:02
    Disable Checkboxes
  • Урок 61. 00:07:07
    Copy to Clipboard
  • Урок 62. 00:03:26
    Copy from Container Component
  • Урок 63. 00:08:57
    Tooltip Component
  • Урок 64. 00:06:11
    Select Dropdown
  • Урок 65. 00:09:26
    Checkbox Properties Method
  • Урок 66. 00:07:35
    Change Select Type - Part 1
  • Урок 67. 00:04:06
    Change Select Type - Part 2
  • Урок 68. 00:03:58
    Set PIN Minimum Length
  • Урок 69. 00:02:17
    Set PIN Minimum Length with Generate Password Button
  • Урок 70. 00:07:24
    Deploy Password Generator App to Netlify
  • Урок 71. 00:05:25
    Calendar App Introduction
  • Урок 72. 00:06:52
    Create Calendar App
  • Урок 73. 00:01:59
    Context API
  • Урок 74. 00:03:39
    Add Bootstrap
  • Урок 75. 00:02:17
    Calendar App Structure
  • Урок 76. 00:08:35
    Create Main Component
  • Урок 77. 00:04:58
    Add CSS Style
  • Урок 78. 00:04:36
    Sidebar Display
  • Урок 79. 00:03:59
    Install Full Calendar React Module
  • Урок 80. 00:11:38
    Add Full Calendar React Component
  • Урок 81. 00:03:33
    Fix Calendar Typo
  • Урок 82. 00:06:09
    Add Bootstrap Modal
  • Урок 83. 00:09:15
    Event Form Fields
  • Урок 84. 00:07:27
    Install React DatePicker
  • Урок 85. 00:15:52
    Add Event Form Props
  • Урок 86. 00:10:46
    Add Props to AddEvent Component
  • Урок 87. 00:10:21
    Add Event Functionality - Part 1
  • Урок 88. 00:08:36
    Add Event Functionality - Part 2
  • Урок 89. 00:11:18
    Create Event Method
  • Урок 90. 00:09:32
    Context API Setup - Part 1
  • Урок 91. 00:03:58
    Context API Setup - Part 2
  • Урок 92. 00:14:39
    AddEvent Context Method
  • Урок 93. 00:07:35
    Display Events in Sidebar
  • Урок 94. 00:05:53
    Display Events on Calendar
  • Урок 95. 00:11:48
    Custom Storage React Hook
  • Урок 96. 00:07:57
    Get Events Method
  • Урок 97. 00:05:39
    Set Selected Events
  • Урок 98. 00:06:51
    Select Modal
  • Урок 99. 00:08:42
    Edit Event Function
  • Урок 100. 00:09:26
    Add Properties to Edit Fields
  • Урок 101. 00:03:01
    Fix Controlled Error
  • Урок 102. 00:06:01
    Set Background Color on Select Tag
  • Урок 103. 00:08:31
    Edit Event Functionality
  • Урок 104. 00:08:17
    Delete Event Functionality
  • Урок 105. 00:02:40
    Remove Selected Event on Delete
  • Урок 106. 00:08:25
    Trigger Modal From Calendar
  • Урок 107. 00:05:50
    Create Description Input Field
  • Урок 108. 00:07:08
    Set Description
  • Урок 109. 00:01:14
    Reset Description Field
  • Урок 110. 00:02:14
    Set Calendar Event Limit
  • Урок 111. 00:05:30
    Show Start Time Inside Form
  • Урок 112. 00:07:05
    Create Toast Component
  • Урок 113. 00:08:21
    Add Toast Component Styles
  • Урок 114. 00:08:21
    Create Active Events Context Method
  • Урок 115. 00:07:10
    AddEvent Toast Method
  • Урок 116. 00:08:04
    Display Active Toast
  • Урок 117. 00:07:04
    Delete Toast
  • Урок 118. 00:01:40
    Remove App State Warning
  • Урок 119. 00:05:59
    Use SetInterval To Display Toast
  • Урок 120. 00:08:36
    Play Sound - Part 1
  • Урок 121. 00:06:41
    Play Sound - Part 2
  • Урок 122. 00:08:43
    Persist Toast Message
  • Урок 123. 00:02:29
    Fix Active Events Error
  • Урок 124. 00:01:10
    Calendar App Conclusion
  • Урок 125. 00:12:09
    Deploy App to Firebase
  • Урок 126. 00:02:31
    Ticket App Introduction
  • Урок 127. 00:02:11
    Install MongoDB
  • Урок 128. 00:03:05
    Ticket App Description
  • Урок 129. 00:08:00
    Create Server-Side Project
  • Урок 130. 00:06:59
    Add TSLint Rules
  • Урок 131. 00:03:38
    Add Script Command in Package.json
  • Урок 132. 00:03:28
    Add Editor Config
  • Урок 133. 00:02:51
    Install Koa Types
  • Урок 134. 00:10:01
    Server Setup - Part 1
  • Урок 135. 00:06:05
    Server Setup - Part 2
  • Урок 136. 00:09:38
    Database Setup
  • Урок 137. 00:05:12
    Setup Routes File
  • Урок 138. 00:06:13
    Create User Schema - Part 1
  • Урок 139. 00:08:10
    Create User Schema - Part 2
  • Урок 140. 00:09:46
    Password Presave Hook
  • Урок 141. 00:11:23
    Register User Function - Part 1
  • Урок 142. 00:07:21
    Register User Function - Part 2
  • Урок 143. 00:07:30
    Use Postman to Test Registration
  • Урок 144. 00:05:18
    Create Registration JWT Token
  • Урок 145. 00:10:50
    Login User Method
  • Урок 146. 00:08:10
    Verify Token Method
  • Урок 147. 00:04:03
    Ticket Interface
  • Урок 148. 00:07:16
    Ticket Schema
  • Урок 149. 00:13:53
    Add Ticket Method - Part 1
  • Урок 150. 00:04:49
    Add Ticket Method - Part 2
  • Урок 151. 00:06:04
    Get All Tickets
  • Урок 152. 00:07:06
    Edit Ticket Method
  • Урок 153. 00:05:46
    Delete Ticket Method
  • Урок 154. 00:04:23
    Close Ticket Method
  • Урок 155. 00:07:52
    Create User Controller
  • Урок 156. 00:06:19
    Install Socket.io
  • Урок 157. 00:07:02
    Create Socket.io Connection
  • Урок 158. 00:02:19
    Auth Pages Description
  • Урок 159. 00:05:49
    Create React Ticket Project
  • Урок 160. 00:09:14
    Create Auth Paths
  • Урок 161. 00:09:17
    Form Input Component
  • Урок 162. 00:05:47
    Form Input PropTypes
  • Урок 163. 00:07:46
    Use Form Input in Registration Component
  • Урок 164. 00:10:03
    Create Radio Input
  • Урок 165. 00:08:03
    Create Reusable Button
  • Урок 166. 00:02:38
    Login Form Inputs
  • Урок 167. 00:10:12
    Register onSubmit Method
  • Урок 168. 00:05:10
    Fix Controlled Element Error
  • Урок 169. 00:12:35
    Validate Inputs Method
  • Урок 170. 00:01:30
    Fix Validate Input Typo Error
  • Урок 171. 00:03:25
    Login onSubmit Method
  • Урок 172. 00:11:30
    Redux Setup
  • Урок 173. 00:05:08
    Create Auth Service
  • Урок 174. 00:07:32
    Auth Reducer
  • Урок 175. 00:11:49
    Auth Register Action
  • Урок 176. 00:08:52
    Redirect To Dashboard From Register Page
  • Урок 177. 00:06:18
    Redirect To Dashboard From Login Page
  • Урок 178. 00:08:44
    Error Reducer
  • Урок 179. 00:09:12
    Create Private Route
  • Урок 180. 00:08:38
    Redux Persist
  • Урок 181. 00:11:51
    Create Navbar
  • Урок 182. 00:12:16
    Card Box Component
  • Урок 183. 00:01:58
    Change Add Ticket Button
  • Урок 184. 00:09:37
    Show Entries Component
  • Урок 185. 00:08:13
    Create Table Head
  • Урок 186. 00:06:44
    Table Body Component
  • Урок 187. 00:12:34
    Create Modal Component
  • Урок 188. 00:13:19
    Add Ticket Form
  • Урок 189. 00:12:56
    Create Dropdown Component
  • Урок 190. 00:05:35
    Dropdown Ticket Values Array
  • Урок 191. 00:13:04
    on Add Ticket Method
  • Урок 192. 00:06:40
    Add New Ticket Service Method
  • Урок 193. 00:08:55
    Add Token To Request
  • Урок 194. 00:04:18
    Fix Auth Token Error
  • Урок 195. 00:02:10
    Clear Form Fields Method
  • Урок 196. 00:15:18
    Modal Reducer
  • Урок 197. 00:07:00
    Hide Add Ticket Modal
  • Урок 198. 00:04:12
    Ticket Service Methods
  • Урок 199. 00:05:08
    Ticket Reducer Cases
  • Урок 200. 00:09:55
    Add Ticket Action Methods
  • Урок 201. 00:09:45
    Display Card Box Values
  • Урок 202. 00:08:11
    Add Socket.io Client
  • Урок 203. 00:13:34
    Display Table Data
  • Урок 204. 00:15:15
    Table Entries Functionality
  • Урок 205. 00:08:57
    User Reducer
  • Урок 206. 00:11:24
    Edit Ticket Modal Component
  • Урок 207. 00:05:12
    Open Edit Modal
  • Урок 208. 00:02:26
    Try Edit Ticket
  • Урок 209. 00:05:50
    Delete Mark Ticket
  • Урок 210. 00:03:21
    Disable Action Buttons
  • Урок 211. 00:07:30
    Enable Button For User Tickets
  • Урок 212. 00:10:39
    Reset State on Logout
  • Урок 213. 00:07:32
    Create Filtered Ticket Component
  • Урок 214. 00:05:15
    Navigate To Filtered Page
  • Урок 215. 00:06:25
    Filter Component Back Button
  • Урок 216. 00:09:06
    Create Filter Ticket Function
  • Урок 217. 00:06:25
    Set Filter Page Title
  • Урок 218. 00:09:06
    Create API Endpoint Method
  • Урок 219. 00:03:23
    Ticket App Conclusion
  • Урок 220. 00:06:22
    Add Dotenv to Backend
  • Урок 221. 00:01:19
    Create Mongodb Atlas Database
  • Урок 222. 00:05:51
    Create Github Repo for Backend Project
  • Урок 223. 00:07:53
    Deploy Backend to Heroku
  • Урок 224. 00:04:08
    Deploy React App to Netlify
  • Урок 225. 00:12:22
    Fix Netlify Routing Error
  • Урок 226. 00:07:21
    Add PM2 Process Manager to Backend