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