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