{"id":1151,"date":"2026-05-24T22:34:18","date_gmt":"2026-05-24T14:34:18","guid":{"rendered":"https:\/\/leak1.cc\/wp\/?p=1151"},"modified":"2026-05-24T22:34:19","modified_gmt":"2026-05-24T14:34:19","slug":"%e4%bd%bf%e7%94%a8react%e5%92%8ctypescript%e6%9e%84%e5%bb%banotion%e5%85%8b%e9%9a%86%e9%a1%b9%e7%9b%aeudemy","status":"publish","type":"post","link":"https:\/\/leak1.cc\/wp\/it\/%e4%bd%bf%e7%94%a8react%e5%92%8ctypescript%e6%9e%84%e5%bb%banotion%e5%85%8b%e9%9a%86%e9%a1%b9%e7%9b%aeudemy\/","title":{"rendered":"\u4f7f\u7528React\u548cTypeScript\u6784\u5efaNotion\u514b\u9686\u9879\u76ee|Udemy"},"content":{"rendered":"\n
    \n
  1. Project Demo.mp4<\/li>\n\n\n\n
  2. Project Demo.srt<\/li>\n\n\n\n
  3. Project Demo.vtt<\/li>\n\n\n\n
  4. What is TypeScript_ Lesson Summary.mp4<\/li>\n\n\n\n
  5. What is TypeScript_ Lesson Summary.srt<\/li>\n\n\n\n
  6. What is TypeScript_ Lesson Summary.vtt<\/li>\n\n\n\n
  7. Why use TypeScript with React_.mp4<\/li>\n\n\n\n
  8. Why use TypeScript with React_.srt<\/li>\n\n\n\n
  9. Why use TypeScript with React_.vtt<\/li>\n\n\n\n
  10. Your First React TypeScript Application.mp4<\/li>\n\n\n\n
  11. Your First React TypeScript Application.srt<\/li>\n\n\n\n
  12. Your First React TypeScript Application.vtt<\/li>\n\n\n\n
  13. Prepare Dev Environment – Windows.mp4<\/li>\n\n\n\n
  14. Prepare Dev Environment – Windows.srt<\/li>\n\n\n\n
  15. Prepare Dev Environment – Windows.vtt<\/li>\n\n\n\n
  16. Prepare Dev Environment – MacOS.mp4<\/li>\n\n\n\n
  17. Prepare Dev Environment – MacOS.srt<\/li>\n\n\n\n
  18. Prepare Dev Environment – MacOS.vtt<\/li>\n\n\n\n
  19. How to Set up a New Typescript Project.mp4<\/li>\n\n\n\n
  20. How to Set up a New Typescript Project.srt<\/li>\n\n\n\n
  21. How to Set up a New Typescript Project.vtt<\/li>\n\n\n\n
  22. TypeScript Configuration Options.mp4<\/li>\n\n\n\n
  23. TypeScript Configuration Options.srt<\/li>\n\n\n\n
  24. TypeScript Configuration Options.vtt<\/li>\n\n\n\n
  25. Setting up React TypeScript Using App Generators.mp4<\/li>\n\n\n\n
  26. Setting up React TypeScript Using App Generators.srt<\/li>\n\n\n\n
  27. Setting up React TypeScript Using App Generators.vtt<\/li>\n\n\n\n
  28. Setting up React TypeScript App Using Create React App.mp4<\/li>\n\n\n\n
  29. Setting up React TypeScript App Using Create React App.srt<\/li>\n\n\n\n
  30. Setting up React TypeScript App Using Create React App.vtt<\/li>\n\n\n\n
  31. Setting up React TypeScript Apps Using Vite.mp4<\/li>\n\n\n\n
  32. Setting up React TypeScript Apps Using Vite.srt<\/li>\n\n\n\n
  33. Setting up React TypeScript Apps Using Vite.vtt<\/li>\n\n\n\n
  34. Setting up React TypeScript App Using Parcel.mp4<\/li>\n\n\n\n
  35. Setting up React TypeScript App Using Parcel.srt<\/li>\n\n\n\n
  36. Setting up React TypeScript App Using Parcel.vtt<\/li>\n\n\n\n
  37. Configure Webpack with TypeScript.mp4<\/li>\n\n\n\n
  38. Configure Webpack with TypeScript.srt<\/li>\n\n\n\n
  39. Configure Webpack with TypeScript.vtt<\/li>\n\n\n\n
  40. Configure ESLint and Prettier.mp4<\/li>\n\n\n\n
  41. Configure ESLint and Prettier.srt<\/li>\n\n\n\n
  42. Configure ESLint and Prettier.vtt<\/li>\n\n\n\n
  43. Adding Third Party Libraries.mp4<\/li>\n\n\n\n
  44. Adding Third Party Libraries.srt<\/li>\n\n\n\n
  45. Adding Third Party Libraries.vtt<\/li>\n\n\n\n
  46. Integrating with APIs.mp4<\/li>\n\n\n\n
  47. Integrating with APIs.srt<\/li>\n\n\n\n
  48. Integrating with APIs.vtt<\/li>\n\n\n\n
  49. Deploying an App.mp4<\/li>\n\n\n\n
  50. Deploying an App.srt<\/li>\n\n\n\n
  51. Deploying an App.vtt<\/li>\n\n\n\n
  52. What Are We Building_.mp4<\/li>\n\n\n\n
  53. What Are We Building_.srt<\/li>\n\n\n\n
  54. What Are We Building_.vtt<\/li>\n\n\n\n
  55. Generate the App Scaffold.mp4<\/li>\n\n\n\n
  56. Generate the App Scaffold.srt<\/li>\n\n\n\n
  57. Generate the App Scaffold.vtt<\/li>\n\n\n\n
  58. Setup Supabase and Netlify.mp4<\/li>\n\n\n\n
  59. Setup Supabase and Netlify.sq.vtt<\/li>\n\n\n\n
  60. Setup Supabase and Netlify.srt<\/li>\n\n\n\n
  61. Setup Supabase and Netlify.vtt<\/li>\n\n\n\n
  62. Supabase Setup Continued.mp4<\/li>\n\n\n\n
  63. Supabase Setup Continued.sq.vtt<\/li>\n\n\n\n
  64. Supabase Setup Continued.vtt<\/li>\n\n\n\n
  65. Types Basics.mp4<\/li>\n\n\n\n
  66. Types Basics.sq.vtt<\/li>\n\n\n\n
  67. Types Basics.vtt<\/li>\n\n\n\n
  68. What Types Does TypeScript Have_.mp4<\/li>\n\n\n\n
  69. What Types Does TypeScript Have_.sq.vtt<\/li>\n\n\n\n
  70. What Types Does TypeScript Have_.vtt<\/li>\n\n\n\n
  71. Creating Custom Types.mp4<\/li>\n\n\n\n
  72. Creating Custom Types.sq.vtt<\/li>\n\n\n\n
  73. Creating Custom Types.vtt<\/li>\n\n\n\n
  74. Arrays and Tuples.mp4<\/li>\n\n\n\n
  75. Arrays and Tuples.sq.vtt<\/li>\n\n\n\n
  76. Arrays and Tuples.vtt<\/li>\n\n\n\n
  77. Type Aliases.mp4<\/li>\n\n\n\n
  78. Type Aliases.sq.vtt<\/li>\n\n\n\n
  79. Type Aliases.vtt<\/li>\n\n\n\n
  80. Union and Intersection Types.mp4<\/li>\n\n\n\n
  81. Union and Intersection Types.sq.vtt<\/li>\n\n\n\n
  82. Union and Intersection Types.vtt<\/li>\n\n\n\n
  83. Interfaces.mp4<\/li>\n\n\n\n
  84. Interfaces.sq.vtt<\/li>\n\n\n\n
  85. Interfaces.vtt<\/li>\n\n\n\n
  86. Enums.mp4<\/li>\n\n\n\n
  87. Enums.sq.vtt<\/li>\n\n\n\n
  88. Enums.vtt<\/li>\n\n\n\n
  89. Functions.mp4<\/li>\n\n\n\n
  90. Functions.sq.vtt<\/li>\n\n\n\n
  91. Functions.vtt<\/li>\n\n\n\n
  92. Parametric Types and Generics.mp4<\/li>\n\n\n\n
  93. Parametric Types and Generics.sq.vtt<\/li>\n\n\n\n
  94. Parametric Types and Generics.vtt<\/li>\n\n\n\n
  95. Utility Types.mp4<\/li>\n\n\n\n
  96. Utility Types.sq.vtt<\/li>\n\n\n\n
  97. Utility Types.vtt<\/li>\n\n\n\n
  98. Advanced Type Manipulations.mp4<\/li>\n\n\n\n
  99. Advanced Type Manipulations.sq.vtt<\/li>\n\n\n\n
  100. Advanced Type Manipulations.vtt<\/li>\n\n\n\n
  101. Identifying and Addressing Type Errors.mp4<\/li>\n\n\n\n
  102. Identifying and Addressing Type Errors.sq.vtt<\/li>\n\n\n\n
  103. Identifying and Addressing Type Errors.vtt<\/li>\n\n\n\n
  104. Using Props and State.mp4<\/li>\n\n\n\n
  105. Using Props and State.sq.vtt<\/li>\n\n\n\n
  106. Using Props and State.vtt<\/li>\n\n\n\n
  107. Using Hooks.mp4<\/li>\n\n\n\n
  108. Using Hooks.sq.vtt<\/li>\n\n\n\n
  109. Using Hooks.vtt<\/li>\n\n\n\n
  110. Handling Events.mp4<\/li>\n\n\n\n
  111. Handling Events.sq.vtt<\/li>\n\n\n\n
  112. Handling Events.vtt<\/li>\n\n\n\n
  113. Using Context.mp4<\/li>\n\n\n\n
  114. Using Context.sq.vtt<\/li>\n\n\n\n
  115. Using Context.vtt<\/li>\n\n\n\n
  116. Using Refs.mp4<\/li>\n\n\n\n
  117. Using Refs.vtt<\/li>\n\n\n\n
  118. Styling React Components.mp4<\/li>\n\n\n\n
  119. Styling React Components.sq(1).vtt<\/li>\n\n\n\n
  120. Styling React Components.sq.vtt<\/li>\n\n\n\n
  121. Styling React Components.vtt<\/li>\n\n\n\n
  122. Define the Types.mp4<\/li>\n\n\n\n
  123. Define the Types.srt<\/li>\n\n\n\n
  124. Define the Types.vtt<\/li>\n\n\n\n
  125. Basic Implementation.mp4<\/li>\n\n\n\n
  126. Basic Implementation.srt<\/li>\n\n\n\n
  127. Basic Implementation.vtt<\/li>\n\n\n\n
  128. Cover Image Component.mp4<\/li>\n\n\n\n
  129. Cover Image Component.srt<\/li>\n\n\n\n
  130. Cover Image Component.vtt<\/li>\n\n\n\n
  131. Spacer Component.mp4<\/li>\n\n\n\n
  132. Spacer Component.srt<\/li>\n\n\n\n
  133. Spacer Component.vtt<\/li>\n\n\n\n
  134. Title Component.mp4<\/li>\n\n\n\n
  135. Title Component.srt<\/li>\n\n\n\n
  136. Title Component.vtt<\/li>\n\n\n\n
  137. Basic Node.mp4<\/li>\n\n\n\n
  138. Basic Node.srt<\/li>\n\n\n\n
  139. Basic Node.vtt<\/li>\n\n\n\n
  140. useFocusedNodeIndex Hook.mp4<\/li>\n\n\n\n
  141. useFocusedNodeIndex Hook.srt<\/li>\n\n\n\n
  142. useFocusedNodeIndex Hook.vtt<\/li>\n\n\n\n
  143. Page Component.mp4<\/li>\n\n\n\n
  144. Page Component.srt<\/li>\n\n\n\n
  145. Page Component.vtt<\/li>\n\n\n\n
  146. Render the Page and Test the App.mp4<\/li>\n\n\n\n
  147. Render the Page and Test the App.srt<\/li>\n\n\n\n
  148. Render the Page and Test the App.vtt<\/li>\n\n\n\n
  149. Move State Management to Context.mp4<\/li>\n\n\n\n
  150. Move State Management to Context.srt<\/li>\n\n\n\n
  151. Move State Management to Context.vtt<\/li>\n\n\n\n
  152. Create the usePageState Hook.mp4<\/li>\n\n\n\n
  153. Create the usePageState Hook.srt<\/li>\n\n\n\n
  154. Create the usePageState Hook.vtt<\/li>\n\n\n\n
  155. Create AppStateContext.mp4<\/li>\n\n\n\n
  156. Create AppStateContext.srt<\/li>\n\n\n\n
  157. Create AppStateContext.vtt<\/li>\n\n\n\n
  158. Make the BasicNode – the AppStateContext.mp4<\/li>\n\n\n\n
  159. Make the BasicNode – the AppStateContext.srt<\/li>\n\n\n\n
  160. Make the BasicNode – the AppStateContext.vtt<\/li>\n\n\n\n
  161. Make the Page – the AppStateContext.mp4<\/li>\n\n\n\n
  162. Make the Page – the AppStateContext.srt<\/li>\n\n\n\n
  163. Make the Page – the AppStateContext.vtt<\/li>\n\n\n\n
  164. Add Multiple Node Kinds.mp4<\/li>\n\n\n\n
  165. Add Multiple Node Kinds.srt<\/li>\n\n\n\n
  166. Add Multiple Node Kinds.vtt<\/li>\n\n\n\n
  167. Create NodeTypeSwitcher.mp4<\/li>\n\n\n\n
  168. Create NodeTypeSwitcher.srt<\/li>\n\n\n\n
  169. Create NodeTypeSwitcher.vtt<\/li>\n\n\n\n
  170. useOverflowsScreenBottom.mp4<\/li>\n\n\n\n
  171. useOverflowsScreenBottom.srt<\/li>\n\n\n\n
  172. useOverflowsScreenBottom.vtt<\/li>\n\n\n\n
  173. Create CommandPanel.mp4<\/li>\n\n\n\n
  174. Create CommandPanel.srt<\/li>\n\n\n\n
  175. Create CommandPanel.vtt<\/li>\n\n\n\n
  176. Render CommandPanel Inside the BasicNode.mp4<\/li>\n\n\n\n
  177. Render CommandPanel Inside the BasicNode.srt<\/li>\n\n\n\n
  178. Render CommandPanel Inside the BasicNode.vtt<\/li>\n\n\n\n
  179. Make the Nodes Draggable.mp4<\/li>\n\n\n\n
  180. Make the Nodes Draggable.srt<\/li>\n\n\n\n
  181. Make the Nodes Draggable.vtt<\/li>\n\n\n\n
  182. Create the NodeContainer Component.mp4<\/li>\n\n\n\n
  183. Create the NodeContainer Component.srt<\/li>\n\n\n\n
  184. Create the NodeContainer Component.vtt<\/li>\n\n\n\n
  185. Reordering the Nodes.mp4<\/li>\n\n\n\n
  186. Reordering the Nodes.srt<\/li>\n\n\n\n
  187. Reordering the Nodes.vtt<\/li>\n\n\n\n
  188. Using HOCs.mp4<\/li>\n\n\n\n
  189. Using HOCs.srt<\/li>\n\n\n\n
  190. Using HOCs.vtt<\/li>\n\n\n\n
  191. Typing HOCs.mp4<\/li>\n\n\n\n
  192. Typing HOCs.srt<\/li>\n\n\n\n
  193. Typing HOCs.vtt<\/li>\n\n\n\n
  194. Using Render Props.mp4<\/li>\n\n\n\n
  195. Using Render Props.srt<\/li>\n\n\n\n
  196. Using Render Props.vtt<\/li>\n\n\n\n
  197. Implement Navigation.mp4<\/li>\n\n\n\n
  198. Implement Navigation.srt<\/li>\n\n\n\n
  199. Implement Navigation.vtt<\/li>\n\n\n\n
  200. Create AuthSessionContext.mp4<\/li>\n\n\n\n
  201. Create AuthSessionContext.srt<\/li>\n\n\n\n
  202. Create AuthSessionContext.vtt<\/li>\n\n\n\n
  203. Create the Auth Page.mp4<\/li>\n\n\n\n
  204. Create the Auth Page.srt<\/li>\n\n\n\n
  205. Create the Auth Page.vtt<\/li>\n\n\n\n
  206. Create the Private Route Component.mp4<\/li>\n\n\n\n
  207. Create the Private Route Component.srt<\/li>\n\n\n\n
  208. Create the Private Route Component.vtt<\/li>\n\n\n\n
  209. Sync the State with the Backend.mp4<\/li>\n\n\n\n
  210. Sync the State with the Backend.srt<\/li>\n\n\n\n
  211. Sync the State with the Backend.vtt<\/li>\n\n\n\n
  212. Create the withInitialState HOC.mp4<\/li>\n\n\n\n
  213. Create the withInitialState HOC.srt<\/li>\n\n\n\n
  214. Create the withInitialState HOC.vtt<\/li>\n\n\n\n
  215. Create Page Node Component.mp4<\/li>\n\n\n\n
  216. Create Page Node Component.srt<\/li>\n\n\n\n
  217. Create Page Node Component.vtt<\/li>\n\n\n\n
  218. Create FileImage Component.mp4<\/li>\n\n\n\n
  219. Create FileImage Component.srt<\/li>\n\n\n\n
  220. Create FileImage Component.vtt<\/li>\n\n\n\n
  221. Update the Cover Component.mp4<\/li>\n\n\n\n
  222. Update the Cover Component.srt<\/li>\n\n\n\n
  223. Update the Cover Component.vtt<\/li>\n\n\n\n
  224. Create ImageNode Component.mp4<\/li>\n\n\n\n
  225. Create ImageNode Component.srt<\/li>\n\n\n\n
  226. Create ImageNode Component.vtt<\/li>\n\n\n\n
  227. Upload the Project to Netlify.mp4<\/li>\n\n\n\n
  228. Upload the Project to Netlify.srt<\/li>\n\n\n\n
  229. Upload the Project to Netlify.vtt<\/li>\n\n\n\n
  230. Testing with Jest or Vitest and React Testing Library.mp4<\/li>\n\n\n\n
  231. Testing with Jest or Vitest and React Testing Library.srt<\/li>\n\n\n\n
  232. Testing with Jest or Vitest and React Testing Library.vtt<\/li>\n\n\n\n
  233. Setting Up Jest and React Testing Library.mp4<\/li>\n\n\n\n
  234. Setting Up Jest and React Testing Library.srt<\/li>\n\n\n\n
  235. Setting Up Jest and React Testing Library.vtt<\/li>\n\n\n\n
  236. Setting Up Vitest and React Testing Library.mp4<\/li>\n\n\n\n
  237. Setting Up Vitest and React Testing Library.srt<\/li>\n\n\n\n
  238. Setting Up Vitest and React Testing Library.vtt<\/li>\n\n\n\n
  239. Testing Components.mp4<\/li>\n\n\n\n
  240. Testing Components.srt<\/li>\n\n\n\n
  241. Testing Components.vtt<\/li>\n\n\n\n
  242. Testing Hooks.mp4<\/li>\n\n\n\n
  243. Testing Hooks.srt<\/li>\n\n\n\n
  244. Testing Hooks.vtt<\/li>\n\n\n\n
  245. Using Mocks.mp4<\/li>\n\n\n\n
  246. Using Mocks.srt<\/li>\n\n\n\n
  247. Using Mocks.vtt<\/li>\n\n\n\n
  248. Prepare the Project for Migration.mp4<\/li>\n\n\n\n
  249. Prepare the Project for Migration.srt<\/li>\n\n\n\n
  250. Prepare the Project for Migration.vtt<\/li>\n\n\n\n
  251. Migrate React Components.mp4<\/li>\n\n\n\n
  252. Migrate React Components.srt<\/li>\n\n\n\n
  253. Migrate React Components.vtt<\/li>\n\n\n\n
  254. Migrate React Hooks.mp4<\/li>\n\n\n\n
  255. Migrate React Hooks.srt<\/li>\n\n\n\n
  256. Migrate React Hooks.vtt<\/li>\n\n\n\n
  257. Update TypeScript Version.mp4<\/li>\n\n\n\n
  258. Update TypeScript Version.srt<\/li>\n\n\n\n
  259. Update TypeScript Version.vtt
    Build a Notion Clone with React and TypeScript.txt<\/li>\n<\/ol>\n\n\n\n

    \u63d0\u5347\u4f60\u7684 React<\/a> \u548c TypeScript \u6280\u672f\u6280\u80fd\uff0c\u5e76\u6784\u5efa\u4e00\u4e2a\u503c\u5f97\u653e\u5165\u4f5c\u54c1\u96c6\u7684\u5e94\u7528\u7a0b\u5e8f\uff0c\u5411\u96c7\u4e3b\u5c55\u793a\u4f60\u521b\u5efa\u590d\u6742\u5168\u6808\u5e94\u7528\u7a0b\u5e8f\u7684\u80fd\u529b\u3002\u6b64\u5916\uff0c\u4f60\u8fd8\u5c06\u5b66\u4e60\u5982\u4f55\u4f7f\u7528 Vite \u8fdb\u884c\u9ad8\u6548\u7684\u9879\u76ee<\/a>\u811a\u624b\u67b6\u642d\u5efa\uff0c\u4ee5\u53ca\u4f7f\u7528 Supabase \u8fdb\u884c\u6570\u636e\u5e93<\/a>\u7ba1\u7406\u548c\u8eab\u4efd\u9a8c\u8bc1\u3002<\/p>\n\n\n\n

    \u4f60\u5c06\u4f1a\u5b66\u5230\u7684<\/h2>\n\n\n\n