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

  1. Урок 1. 00:02:56
    A Little Setup
  2. Урок 2. 00:04:55
    What is React
  3. Урок 3. 00:14:16
    Building an App With Vanilla JS
  4. Урок 4. 00:02:19
    Discussing the Annoyances We Faced
  5. Урок 5. 00:18:29
    Building the Same App With ReactJS
  6. Урок 6. 00:12:32
    Creating a React App
  7. Урок 7. 00:09:52
    Exploring the Files and Folders
  8. Урок 8. 00:08:51
    State and Event Handling
  9. Урок 9. 00:02:59
    Project Intro
  10. Урок 10. 00:07:40
    Class vs ClassName
  11. Урок 11. 00:07:53
    Building the JSX Structure
  12. Урок 12. 00:02:42
    Listing Out Everything We Need to Work On
  13. Урок 13. 00:10:26
    Two Way Binding
  14. Урок 14. 00:11:52
    Defining an Array State
  15. Урок 15. 00:05:26
    Iterating Through the List to Render Elements
  16. Урок 16. 00:04:22
    The Key Prop
  17. Урок 17. 00:05:14
    Computing the Quantity
  18. Урок 18. 00:04:09
    Conditionally Render JSX Elements
  19. Урок 19. 00:06:24
    Deleting an Item
  20. Урок 20. 00:07:38
    Two Way Binding a List Item
  21. Урок 21. 00:10:10
    The useEffect Hook
  22. Урок 22. 00:07:28
    Project Introduction
  23. Урок 23. 00:10:07
    Building the JSX Structure
  24. Урок 24. 00:08:24
    Two Way Binding
  25. Урок 25. 00:07:13
    A Cleaner and DRYer Way of Two Way Binding
  26. Урок 26. 00:08:21
    Input Validation and Conditional Styling
  27. Урок 27. 00:12:38
    Storing Store List and Map Through List to Render Elements
  28. Урок 28. 00:07:14
    Installing Dependencies
  29. Урок 29. 00:07:29
    Computing a New State
  30. Урок 30. 00:06:58
    Project Introduction
  31. Урок 31. 00:12:55
    Building the JSX Structure for the Home Page
  32. Урок 32. 00:10:32
    Dividing Our JSX into Components
  33. Урок 33. 00:10:51
    Passing Props to Components
  34. Урок 34. 00:09:46
    Understanding Routing
  35. Урок 35. 00:12:07
    How React Renders Content to the Browser (CSR vs SSR)
  36. Урок 36. 00:05:05
    Installing react-router-dom
  37. Урок 37. 00:05:38
    Defining Our Routing Rules
  38. Урок 38. 00:03:23
    Adding Another Page to Our App
  39. Урок 39. 00:08:27
    Nested Routes for Common Elements
  40. Урок 40. 00:07:14
    Link Based Navigation
  41. Урок 41. 00:05:32
    Defining Dynamic Routes
  42. Урок 42. 00:08:00
    The useParams Hook for Extracting the Params
  43. Урок 43. 00:05:56
    The useNavigate Hook for Programmatic Navigation
  44. Урок 44. 00:07:01
    Where Will the Data Come From
  45. Урок 45. 00:06:22
    Fetching Data From an API With Our React App
  46. Урок 46. 00:08:08
    Iterating Through the Fetched Data
  47. Урок 47. 00:05:33
    Encapsulating the Fetch Logic in a Custom Hook
  48. Урок 48. 00:07:07
    Handling a Loading State
  49. Урок 49. 00:04:22
    Handling an Error State
  50. Урок 50. 00:12:01
    Querying for Data by Keyword
  51. Урок 51. 00:02:34
    A Quick Fix
  52. Урок 52. 00:07:41
    Another Custom Hook
  53. Урок 53. 00:13:26
    Traversing and Rendering the Data
  54. Урок 54. 00:06:42
    The Children Prop
  55. Урок 55. 00:08:12
    Building the Recipe Info Component
  56. Урок 56. 00:03:34
    Potentials Issues With the State We Defined
  57. Урок 57. 00:14:19
    The useReducer Hook
  58. Урок 58. 00:09:47
    Adding Query Params
  59. Урок 59. 00:06:16
    Handling Error State with an Error Message
  60. Урок 60. 00:05:24
    A 404 Error Page
  61. Урок 61. 00:06:28
    More Nested Pages
  62. Урок 62. 00:07:03
    Passing Data to an Outlet With useOutletContext
  63. Урок 63. 00:03:55
    Wrapping Things Up
  64. Урок 64. 00:07:07
    Deploying the Application
  65. Урок 65. 00:01:30
    Viewing Our Deployment
  66. Урок 66. 00:03:23
    React Has Many Hooks
  67. Урок 67. 00:01:45
    The useRef Hook
  68. Урок 68. 00:09:45
    Building a Mini Project With useState
  69. Урок 69. 00:07:55
    Improving Performance With useRef
  70. Урок 70. 00:08:42
    Referencing Elements with useRef
  71. Урок 71. 00:13:14
    The useMemo Hook
  72. Урок 72. 00:07:43
    Memo and Props
  73. Урок 73. 00:15:01
    The useCallback Hook
  74. Урок 74. 00:03:48
    An Intro to TypeScript
  75. Урок 75. 00:04:32
    Creating a TypeScript React App
  76. Урок 76. 00:16:09
    A Quick TypeScript Lesson
  77. Урок 77. 00:05:23
    Exploring the Starter Code
  78. Урок 78. 00:07:03
    State with TypeScript
  79. Урок 79. 00:07:34
    Props with TypeScript
  80. Урок 80. 00:15:41
    Params with TypeScript
  81. Урок 81. 00:02:51
    Installing Packages with TypeScript
  82. Урок 82. 00:08:45
    Major Project Introduction
  83. Урок 83. 00:02:31
    Creating a TypeScript React App
  84. Урок 84. 00:08:08
    Tailwind Integration
  85. Урок 85. 00:12:00
    Building the NavBar
  86. Урок 86. 00:11:45
    Building the Home Page
  87. Урок 87. 00:09:39
    Building the Login Page
  88. Урок 88. 00:14:57
    Building the Plans Page
  89. Урок 89. 00:24:23
    Building the Browse Page
  90. Урок 90. 00:07:50
    Building the Watch Page
  91. Урок 91. 00:09:16
    Implementing Page Navigation
  92. Урок 92. 00:06:46
    How Will We Get the Data?
  93. Урок 93. 00:09:21
    Building an Express Server
  94. Урок 94. 00:03:21
    Create a Movies List GET Endpoint
  95. Урок 95. 00:15:47
    useReducer with TypeScript
  96. Урок 96. 00:08:51
    Fetching the Data From the Hook
  97. Урок 97. 00:06:27
    Consuming the Data in Our Browse Page
  98. Урок 98. 00:01:09
    Fixing the Card Styles
  99. Урок 99. 00:04:21
    Conditionally Adding a NavBar Background
  100. Урок 100. 00:02:41
    Navigating to the Watch Page
  101. Урок 101. 00:02:57
    Creating a Movie GET Endpoint
  102. Урок 102. 00:08:53
    Fetching and Rendering the Data From React
  103. Урок 103. 00:03:49
    Introduction to Pagination
  104. Урок 104. 00:05:17
    Types of Pagination
  105. Урок 105. 00:04:35
    Offsets and Limits
  106. Урок 106. 00:03:05
    Returning Paginated Data From the Server
  107. Урок 107. 00:13:13
    Intersection Obersever API to Detecting the Visibility of an Element
  108. Урок 108. 00:06:14
    Appending the Data Instead of Replacing
  109. Урок 109. 00:07:28
    Adding a Loading State
  110. Урок 110. 00:08:14
    Prevent Refetching When Client Has All the Data
  111. Урок 111. 00:05:54
    Introduction to Database Solutions
  112. Урок 112. 00:04:37
    Spinning Up a Postgres Database
  113. Урок 113. 00:06:12
    Raw SQL vs ORM
  114. Урок 114. 00:11:18
    Defining Our Schema & Connecting to the DB
  115. Урок 115. 00:10:16
    Writing and Executing a Seed Script
  116. Урок 116. 00:09:12
    Refactoring Our Endpoints to Fetch Data With Prisma
  117. Урок 117. 00:04:52
    Introduction to Authentication
  118. Урок 118. 00:07:32
    Refactoring Common Endpoints to Separate Files
  119. Урок 119. 00:14:46
    Validating the User Inputs
  120. Урок 120. 00:04:13
    Validating That the User Doesn't Already Exist
  121. Урок 121. 00:06:21
    Three Different Ways to Store a Password
  122. Урок 122. 00:05:39
    Hashing and Saving the Password
  123. Урок 123. 00:02:34
    Saving the User
  124. Урок 124. 00:08:32
    Forming and Returning a JSON Web Token
  125. Урок 125. 00:09:39
    The Sign In Endpoint
  126. Урок 126. 00:09:04
    The Me Endpoint
  127. Урок 127. 00:01:33
    Back to the Client
  128. Урок 128. 00:06:43
    Fixing the Form Card
  129. Урок 129. 00:02:13
    The React Hook Form Library
  130. Урок 130. 00:07:06
    Setting Up the Form With the useForm Hook
  131. Урок 131. 00:08:14
    Managing State and Two Way Binding
  132. Урок 132. 00:09:24
    Validating the Form Input Values
  133. Урок 133. 00:06:14
    Handling Error States
  134. Урок 134. 00:02:32
    Bring Things Together
  135. Урок 135. 00:06:08
    Creating a useAuth Hook
  136. Урок 136. 00:07:06
    Making the HTTP Requests
  137. Урок 137. 00:08:55
    Handling Auth Errors
  138. Урок 138. 00:03:36
    Navigating to the Browse Page Upon Successful Authentication
  139. Урок 139. 00:05:42
    Storing the JWT in the Browser's Cookie
  140. Урок 140. 00:12:38
    Introduction to Redux Toolkit
  141. Урок 141. 00:06:24
    Defining Our Global State
  142. Урок 142. 00:10:48
    Persisting the Authentication State
  143. Урок 143. 00:07:14
    Defining Private Routes
  144. Урок 144. 00:04:44
    Adding the Logout Logic
  145. Урок 145. 00:02:53
    Time to Make Some Money
  146. Урок 146. 00:02:56
    Adding Products to Stripe
  147. Урок 147. 00:08:08
    Connecting Our Server to Stripe
  148. Урок 148. 00:05:04
    Defining the Products Endpoint
  149. Урок 149. 00:12:38
    The usePlans Hook
  150. Урок 150. 00:12:22
    Rendering the Plans
  151. Урок 151. 00:11:34
    Defining a Session Endpoint
  152. Урок 152. 00:12:34
    Purchasing a Subscription From the Client
  153. Урок 153. 00:04:37
    Walking Through All User Flows
  154. Урок 154. 00:01:36
    Show the Plans Page Only if You Are Authenticated
  155. Урок 155. 00:11:49
    A Check Auth Middleware
  156. Урок 156. 00:08:26
    Creating a My Subscription Endpoint
  157. Урок 157. 00:14:16
    Redirect Users that Have Plans to the Manage Plans Page
  158. Урок 158. 00:04:47
    Manage Page Redirection
  159. Урок 159. 00:11:05
    Add Permission Logic to the Movie List Endpoint
  160. Урок 160. 00:04:34
    Redirect User to the Plan Page if They Don't Have a Subscription
  161. Урок 161. 00:09:36
    Premium Plan Permissions