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

  1. Урок 1. 00:03:47
    Course introduction
  2. Урок 2. 00:01:58
    How to get the most out of this course
  3. Урок 3. 00:03:08
    What is TypeScript
  4. Урок 4. 00:03:22
    Why use TypeScript with React
  5. Урок 5. 00:00:55
    Introduction
  6. Урок 6. 00:02:14
    What we are building and prerequisites
  7. Урок 7. 00:15:10
    How to bootstrap React TypeScript app automatically
  8. Урок 8. 00:01:30
    Clean up the code and define the global styles
  9. Урок 9. 00:02:11
    How to style React elements
  10. Урок 10. 00:04:23
    Prepare the styled components
  11. Урок 11. 00:04:43
    Create column components
  12. Урок 12. 00:00:54
    Create card components
  13. Урок 13. 00:05:17
    Component for adding new items
  14. Урок 14. 00:03:23
    The NewItemForm component
  15. Урок 15. 00:03:41
    Auto focus on inputs
  16. Урок 16. 00:01:51
    Submit on enter
  17. Урок 17. 00:04:45
    Add global state and business logic
  18. Урок 18. 00:08:18
    Implement the global state
  19. Урок 19. 00:11:37
    Define the business logic
  20. Урок 20. 00:03:38
    Moving the items
  21. Урок 21. 00:01:25
    Add drag and drop (install React DnD)
  22. Урок 22. 00:01:42
    Store the dragged item in the state
  23. Урок 23. 00:01:44
    Define the useItemDrag hook
  24. Урок 24. 00:02:21
    Drag the columns
  25. Урок 25. 00:03:04
    Hide the dragged item
  26. Урок 26. 00:08:41
    Implement the custom dragging preview
  27. Урок 27. 00:05:18
    Drag the cards
  28. Урок 28. 00:02:32
    Update the reducer
  29. Урок 29. 00:01:34
    Drag the card to an empty column
  30. Урок 30. 00:07:52
    Saving the state on the backend
  31. Урок 31. 00:11:11
    Loading the data
  32. Урок 32. 00:00:35
    How to test your applications: testing a digital goods store introduction
  33. Урок 33. 00:06:01
    Get familiar with the application
  34. Урок 34. 00:03:39
    Initial setup
  35. Урок 35. 00:03:06
    Testing the App component
  36. Урок 36. 00:02:33
    Mocking components
  37. Урок 37. 00:04:04
    Jest helper to test navigation
  38. Урок 38. 00:02:28
    Testing navigation
  39. Урок 39. 00:08:39
    Shared components
  40. Урок 40. 00:08:01
    The home page
  41. Урок 41. 00:05:03
    The ProductCard Component
  42. Урок 42. 00:08:57
    The Cart component
  43. Урок 43. 00:02:47
    The CartItem component
  44. Урок 44. 00:01:36
    The CheckoutList component
  45. Урок 45. 00:06:43
    The CheckoutForm component
  46. Урок 46. 00:03:24
    The FormField component
  47. Урок 47. 00:04:04
    The order summary page
  48. Урок 48. 00:07:27
    Testing the useProducts hook
  49. Урок 49. 00:10:40
    Testing the useCart hook
  50. Урок 50. 00:00:24
    Patterns in React TypeScript applications: making music with React introduction
  51. Урок 51. 00:00:54
    What we're going to build
  52. Урок 52. 00:06:18
    First steps and basic application layout
  53. Урок 53. 00:09:03
    A bit of music theory
  54. Урок 54. 00:04:10
    Third party API and browser API
  55. Урок 55. 00:03:24
    The main app screen
  56. Урок 56. 00:08:27
    Creating the keyboard
  57. Урок 57. 00:08:14
    Adapter hook
  58. Урок 58. 00:04:33
    Connecting to a keyboard
  59. Урок 59. 00:06:18
    Mapping the real keys to virtual
  60. Урок 60. 00:02:20
    The instruments list
  61. Урок 61. 00:04:06
    The instrument selector
  62. Урок 62. 00:01:23
    Loading the instruments
  63. Урок 63. 00:02:16
    Render Props
  64. Урок 64. 00:04:58
    Creating render props with functional components
  65. Урок 65. 00:10:05
    Creating render props with classes
  66. Урок 66. 00:05:24
    Higher-Order Components
  67. Урок 67. 00:08:05
    Instrument adapter as a Higher-Order Component
  68. Урок 68. 00:02:37
    Passing refs through
  69. Урок 69. 00:03:04
    Static composition
  70. Урок 70. 00:02:26
    Using the hooks with HOCs
  71. Урок 71. 00:00:49
    Using Redux and TypeScript introduction
  72. Урок 72. 00:02:57
    Using Redux and TypeScript preview the final result
  73. Урок 73. 00:05:45
    What is Redux?
  74. Урок 74. 00:03:01
    Using Redux and TypeScript initial setup
  75. Урок 75. 00:01:37
    Redux logger
  76. Урок 76. 00:01:25
    Prepare The Styles
  77. Урок 77. 00:04:59
    Working with the canvas API
  78. Урок 78. 00:00:54
    Handling the canvas events
  79. Урок 79. 00:01:01
    Define the store types
  80. Урок 80. 00:02:02
    Add actions
  81. Урок 81. 00:01:51
    Dispatch actions
  82. Урок 82. 00:02:21
    Draw the current stroke
  83. Урок 83. 00:03:55
    Implement selecting colors
  84. Урок 84. 00:04:23
    Implement undo and redo
  85. Урок 85. 00:06:58
    Splitting the root reducer and using combineReducers
  86. Урок 86. 00:12:50
    Exporting an image
  87. Урок 87. 00:06:49
    Using Redux Toolkit
  88. Урок 88. 00:03:02
    Using createAction
  89. Урок 89. 00:05:42
    Using createReducer
  90. Урок 90. 00:04:21
    Using slices
  91. Урок 91. 00:07:20
    Add the modal windows slice
  92. Урок 92. 00:02:01
    Add the modal manager component
  93. Урок 93. 00:03:27
    Prepare the server
  94. Урок 94. 00:01:35
    Save the project using thunks
  95. Урок 95. 00:08:05
    Load the project
  96. Урок 96. 00:08:37
    Static Site Generation and Server-Side Rendering using Next.js introduction
  97. Урок 97. 00:00:46
    Generating pages on the backend using Next.js
  98. Урок 98. 00:02:57
    Creating the first page
  99. Урок 99. 00:02:00
    Basic application layout
  100. Урок 100. 00:04:49
    Custom document component
  101. Урок 101. 00:02:47
    Application theme
  102. Урок 102. 00:02:29
    Custom App component
  103. Урок 103. 00:02:02
    Front page
  104. Урок 104. 00:05:25
    The 404 page
  105. Урок 105. 00:01:51
    Post page template
  106. Урок 106. 00:01:26
    Backend API server
  107. Урок 107. 00:05:49
    Frontend API client
  108. Урок 108. 00:01:37
    Updating the main page
  109. Урок 109. 00:03:47
    Pre-Render the post page
  110. Урок 110. 00:08:03
    The category page
  111. Урок 111. 00:07:15
    Adding breadcrumbs
  112. Урок 112. 00:02:00
    Comments and Server-Side Rendering
  113. Урок 113. 00:03:31
    Components to render comments
  114. Урок 114. 00:05:47
    API for adding comments
  115. Урок 115. 00:02:15
    Adding comments to a page
  116. Урок 116. 00:01:38
    Connecting Redux
  117. Урок 117. 00:11:29
    Optimizing images
  118. Урок 118. 00:05:29
    Building the project
  119. Урок 119. 00:01:31
    Remaking the API
  120. Урок 120. 00:08:51
    Creating client requests
  121. Урок 121. 00:04:17
    Updating pages
  122. Урок 122. 00:02:16
    Deploying with serverless functions
  123. Урок 123. 00:02:54
    GraphQL, React, and TypeScript introduction
  124. Урок 124. 00:01:51
    GraphQL, React, and TypeScript. What we are building
  125. Урок 125. 00:02:01
    Authenticate in GitHub and preview the final result
  126. Урок 126. 00:01:40
    Setting up the project
  127. Урок 127. 00:02:43
    Running the application
  128. Урок 128. 00:02:35
    Get the auth code
  129. Урок 129. 00:05:12
    Auth flow link
  130. Урок 130. 00:04:45
    Authentication context
  131. Урок 131. 00:00:50
    GraphQL queries - getting the user data
  132. Урок 132. 00:02:37
    Adding helper components
  133. Урок 133. 00:12:13
    Defining the WelcomeWindow layout
  134. Урок 134. 00:01:18
    Getting GitHub GraphQL schema
  135. Урок 135. 00:01:16
    Generating the types
  136. Урок 136. 00:01:19
    Adding routing
  137. Урок 137. 00:02:24
    Implement navigation
  138. Урок 138. 00:05:29
    Repositories main component
  139. Урок 139. 00:03:12
    Getting the list of repositories
  140. Урок 140. 00:04:45
    GraphQL mutations. Creating repositories
  141. Урок 141. 00:06:45
    Getting the repository ID
  142. Урок 142. 00:01:41
    Working with GitHub issues
  143. Урок 143. 00:03:26
    Getting the list of issues
  144. Урок 144. 00:02:22
    Creating an issue
  145. Урок 145. 00:07:07
    Working with GitHub pull requests
  146. Урок 146. 00:01:47
    Getting the list of pull requests
  147. Урок 147. 00:02:15
    Creating a new pull request