课程目录

• 01. Project Demo
• 01. Project Demo.srt
• 01. Project Demo.vtt
• 02. What is TypeScript_ Lesson Summary
• 02. What is TypeScript_ Lesson Summary.srt
• 02. What is TypeScript_ Lesson Summary.vtt
• 03. Why use TypeScript with React_
• 03. Why use TypeScript with React_.srt
• 03. Why use TypeScript with React_.vtt
• 04. Your First React TypeScript Application
• 04. Your First React TypeScript Application.srt
• 04. Your First React TypeScript Application.vtt
• 05. Prepare Dev Environment – Windows
• 05. Prepare Dev Environment – Windows.srt
• 05. Prepare Dev Environment – Windows.vtt
• 06. Prepare Dev Environment – MacOS
• 06. Prepare Dev Environment – MacOS.srt
• 06. Prepare Dev Environment – MacOS.vtt
• 07. How to Set up a New Typescript Project
• 07. How to Set up a New Typescript Project.srt
• 07. How to Set up a New Typescript Project.vtt
• 08. TypeScript Configuration Options
• 08. TypeScript Configuration Options.srt
• 08. TypeScript Configuration Options.vtt
• 09. Setting up React TypeScript Using App Generators
• 09. Setting up React TypeScript Using App Generators.srt
• 09. Setting up React TypeScript Using App Generators.vtt
• 10. Setting up React TypeScript App Using Create React App
• 10. Setting up React TypeScript App Using Create React App.srt
• 10. Setting up React TypeScript App Using Create React App.vtt
• 11. Setting up React TypeScript Apps Using Vite
• 11. Setting up React TypeScript Apps Using Vite.srt
• 11. Setting up React TypeScript Apps Using Vite.vtt
• 12. Setting up React TypeScript App Using Parcel
• 12. Setting up React TypeScript App Using Parcel.srt
• 12. Setting up React TypeScript App Using Parcel.vtt
• 13. Configure Webpack with TypeScript
• 13. Configure Webpack with TypeScript.srt
• 13. Configure Webpack with TypeScript.vtt
• 14. Configure ESLint and Prettier
• 14. Configure ESLint and Prettier.srt
• 14. Configure ESLint and Prettier.vtt
• 15. Adding Third Party Libraries
• 15. Adding Third Party Libraries.srt
• 15. Adding Third Party Libraries.vtt
• 16. Integrating with APIs
• 16. Integrating with APIs.srt
• 16. Integrating with APIs.vtt
• 17. Deploying an App
• 17. Deploying an App.srt
• 17. Deploying an App.vtt
• 18. What Are We Building_
• 18. What Are We Building_.srt
• 18. What Are We Building_.vtt
• 19. Generate the App Scaffold
• 19. Generate the App Scaffold.srt
• 19. Generate the App Scaffold.vtt
• 20. Setup Supabase and Netlify
• 20. Setup Supabase and Netlify.sq.vtt
• 20. Setup Supabase and Netlify.srt
• 20. Setup Supabase and Netlify.vtt
• 21. Supabase Setup Continued
• 21. Supabase Setup Continued.sq.vtt
• 21. Supabase Setup Continued.vtt
• 22. Types Basics
• 22. Types Basics.sq.vtt
• 22. Types Basics.vtt
• 23. What Types Does TypeScript Have_
• 23. What Types Does TypeScript Have_.sq.vtt
• 23. What Types Does TypeScript Have_.vtt
• 24. Creating Custom Types
• 24. Creating Custom Types.sq.vtt
• 24. Creating Custom Types.vtt
• 25. Arrays and Tuples
• 25. Arrays and Tuples.sq.vtt
• 25. Arrays and Tuples.vtt
• 26. Type Aliases
• 26. Type Aliases.sq.vtt
• 26. Type Aliases.vtt
• 27. Union and Intersection Types
• 27. Union and Intersection Types.sq.vtt
• 27. Union and Intersection Types.vtt
• 28. Interfaces
• 28. Interfaces.sq.vtt
• 28. Interfaces.vtt
• 29. Enums
• 29. Enums.sq.vtt
• 29. Enums.vtt
• 30. Functions
• 30. Functions.sq.vtt
• 30. Functions.vtt
• 31. Parametric Types and Generics
• 31. Parametric Types and Generics.sq.vtt
• 31. Parametric Types and Generics.vtt
• 32. Utility Types
• 32. Utility Types.sq.vtt
• 32. Utility Types.vtt
• 33. Advanced Type Manipulations
• 33. Advanced Type Manipulations.sq.vtt
• 33. Advanced Type Manipulations.vtt
• 34. Identifying and Addressing Type Errors
• 34. Identifying and Addressing Type Errors.sq.vtt
• 34. Identifying and Addressing Type Errors.vtt
• 35. Using Props and State
• 35. Using Props and State.sq.vtt
• 35. Using Props and State.vtt
• 36. Using Hooks
• 36. Using Hooks.sq.vtt
• 36. Using Hooks.vtt
• 37. Handling Events
• 37. Handling Events.sq.vtt
• 37. Handling Events.vtt
• 38. Using Context
• 38. Using Context.sq.vtt
• 38. Using Context.vtt
• 39. Using Refs
• 39. Using Refs.vtt
• 40. Styling React Components
• 40. Styling React Components.sq(1).vtt
• 40. Styling React Components.sq.vtt
• 40. Styling React Components.vtt
• 41. Define the Types
• 41. Define the Types.srt
• 41. Define the Types.vtt
• 42. Basic Implementation
• 42. Basic Implementation.srt
• 42. Basic Implementation.vtt
• 43. Cover Image Component
• 43. Cover Image Component.srt
• 43. Cover Image Component.vtt
• 44. Spacer Component
• 44. Spacer Component.srt
• 44. Spacer Component.vtt
• 45. Title Component
• 45. Title Component.srt
• 45. Title Component.vtt
• 46. Basic Node
• 46. Basic Node.srt
• 46. Basic Node.vtt
• 47. useFocusedNodeIndex Hook
• 47. useFocusedNodeIndex Hook.srt
• 47. useFocusedNodeIndex Hook.vtt
• 48. Page Component
• 48. Page Component.srt
• 48. Page Component.vtt
• 49. Render the Page and Test the App
• 49. Render the Page and Test the App.srt
• 49. Render the Page and Test the App.vtt
• 50. Move State Management to Context
• 50. Move State Management to Context.srt
• 50. Move State Management to Context.vtt
• 51. Create the usePageState Hook
• 51. Create the usePageState Hook.srt
• 51. Create the usePageState Hook.vtt
• 52. Create AppStateContext
• 52. Create AppStateContext.srt
• 52. Create AppStateContext.vtt
• 53. Make the BasicNode – the AppStateContext
• 53. Make the BasicNode – the AppStateContext.srt
• 53. Make the BasicNode – the AppStateContext.vtt
• 54. Make the Page – the AppStateContext
• 54. Make the Page – the AppStateContext.srt
• 54. Make the Page – the AppStateContext.vtt
• 55. Add Multiple Node Kinds
• 55. Add Multiple Node Kinds.srt
• 55. Add Multiple Node Kinds.vtt
• 56. Create NodeTypeSwitcher
• 56. Create NodeTypeSwitcher.srt
• 56. Create NodeTypeSwitcher.vtt
• 57. useOverflowsScreenBottom
• 57. useOverflowsScreenBottom.srt
• 57. useOverflowsScreenBottom.vtt
• 58. Create CommandPanel
• 58. Create CommandPanel.srt
• 58. Create CommandPanel.vtt
• 59. Render CommandPanel Inside the BasicNode
• 59. Render CommandPanel Inside the BasicNode.srt
• 59. Render CommandPanel Inside the BasicNode.vtt
• 60. Make the Nodes Draggable
• 60. Make the Nodes Draggable.srt
• 60. Make the Nodes Draggable.vtt
• 61. Create the NodeContainer Component
• 61. Create the NodeContainer Component.srt
• 61. Create the NodeContainer Component.vtt
• 62. Reordering the Nodes
• 62. Reordering the Nodes.srt
• 62. Reordering the Nodes.vtt
• 63. Using HOCs
• 63. Using HOCs.srt
• 63. Using HOCs.vtt
• 64. Typing HOCs
• 64. Typing HOCs.srt
• 64. Typing HOCs.vtt
• 65. Using Render Props
• 65. Using Render Props.srt
• 65. Using Render Props.vtt
• 66. Implement Navigation
• 66. Implement Navigation.srt
• 66. Implement Navigation.vtt
• 67. Create AuthSessionContext
• 67. Create AuthSessionContext.srt
• 67. Create AuthSessionContext.vtt
• 68. Create the Auth Page
• 68. Create the Auth Page.srt
• 68. Create the Auth Page.vtt
• 69. Create the Private Route Component
• 69. Create the Private Route Component.srt
• 69. Create the Private Route Component.vtt
• 70. Sync the State with the Backend
• 70. Sync the State with the Backend.srt
• 70. Sync the State with the Backend.vtt
• 71. Create the withInitialState HOC
• 71. Create the withInitialState HOC.srt
• 71. Create the withInitialState HOC.vtt
• 72. Create Page Node Component
• 72. Create Page Node Component.srt
• 72. Create Page Node Component.vtt
• 73. Create FileImage Component
• 73. Create FileImage Component.srt
• 73. Create FileImage Component.vtt
• 74. Update the Cover Component
• 74. Update the Cover Component.srt
• 74. Update the Cover Component.vtt
• 75. Create ImageNode Component
• 75. Create ImageNode Component.srt
• 75. Create ImageNode Component.vtt
• 76. Upload the Project to Netlify
• 76. Upload the Project to Netlify.srt
• 76. Upload the Project to Netlify.vtt
• 77. Testing with Jest or Vitest and React Testing Library
• 77. Testing with Jest or Vitest and React Testing Library.srt
• 77. Testing with Jest or Vitest and React Testing Library.vtt
• 78. Setting Up Jest and React Testing Library
• 78. Setting Up Jest and React Testing Library.srt
• 78. Setting Up Jest and React Testing Library.vtt
• 79. Setting Up Vitest and React Testing Library
• 79. Setting Up Vitest and React Testing Library.srt
• 79. Setting Up Vitest and React Testing Library.vtt
• 80. Testing Components
• 80. Testing Components.srt
• 80. Testing Components.vtt
• 81. Testing Hooks
• 81. Testing Hooks.srt
• 81. Testing Hooks.vtt
• 82. Using Mocks
• 82. Using Mocks.srt
• 82. Using Mocks.vtt
• 83. Prepare the Project for Migration
• 83. Prepare the Project for Migration.srt
• 83. Prepare the Project for Migration.vtt
• 84. Migrate React Components
• 84. Migrate React Components.srt
• 84. Migrate React Components.vtt
• 85. Migrate React Hooks
• 85. Migrate React Hooks.srt
• 85. Migrate React Hooks.vtt
• 86. Update TypeScript Version
• 86. Update TypeScript Version.srt
• 86. Update TypeScript Version.vtt
• Build a Notion Clone with React and TypeScript.txt