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

  1. Урок 1. 00:05:41
    Course Outline
  2. Урок 2. 00:02:21
    What is Remix?
  3. Урок 3. 00:06:37
    Why Remix?
  4. Урок 4. 00:03:52
    Intro to the Master Project
  5. Урок 5. 00:07:24
    The Recipe Page & Optimistic UI
  6. Урок 6. 00:05:39
    Finishing the Tour of the Master Project
  7. Урок 7. 00:02:03
    Installing NodeJS
  8. Урок 8. 00:01:52
    Creating a Remix Project
  9. Урок 9. 00:04:00
    The Vite Config File
  10. Урок 10. 00:03:33
    Upgrading Remix and Future Flags
  11. Урок 11. 00:02:13
    Owning Your Entry Points
  12. Урок 12. 00:02:49
    What are Routes?
  13. Урок 13. 00:06:32
    Nested Routing
  14. Урок 14. 00:03:16
    The Root Route
  15. Урок 15. 00:03:42
    Remix's Special Components
  16. Урок 16. 00:03:06
    The Link API
  17. Урок 17. 00:07:14
    Adding Style with Links
  18. Урок 18. 00:07:45
    Techniques for Component-Level CSS
  19. Урок 19. 00:03:39
    Setting Up Tailwind
  20. Урок 20. 00:04:27
    Using Tailwind - Part 1
  21. Урок 21. 00:05:46
    Using Tailwind - Part 2
  22. Урок 22. 00:05:10
    Using Tailwind - Part 3
  23. Урок 23. 00:09:35
    What are Loaders?
  24. Урок 24. 00:09:07
    Pending UI
  25. Урок 25. 00:09:44
    Why Load Before Route Transitions
  26. Урок 26. 00:12:03
    Sharing Data Between Routes
  27. Урок 27. 00:06:24
    Errors and Error Boundaries
  28. Урок 28. 00:15:10
    Installing Postgres with Docker
  29. Урок 29. 00:07:16
    Setting Up Prisma with Postgres
  30. Урок 30. 00:02:26
    Overview
  31. Урок 31. 00:11:04
    Setting Up the Pantry Route
  32. Урок 32. 00:07:05
    Redirects in Remix
  33. Урок 33. 00:13:13
    Setting Up the Pantry Database Tables
  34. Урок 34. 00:09:14
    Seeding the Database
  35. Урок 35. 00:09:37
    Database UI Tools
  36. Урок 36. 00:05:13
    Loading Data into the Pantry UI
  37. Урок 37. 00:10:38
    Creating a Model Abstraction
  38. Урок 38. 00:10:54
    Building a Basic Shelf UI
  39. Урок 39. 00:21:35
    Intro to HTML Forms
  40. Урок 40. 00:08:17
    Enhancing the Search Bar with JavaScript
  41. Урок 41. 00:14:12
    Creating Shelves
  42. Урок 42. 00:08:10
    Enhancing the Create Shelf Button
  43. Урок 43. 00:18:46
    Deleting Shelves
  44. Урок 44. 00:06:58
    Handling Multiple Deletes
  45. Урок 45. 00:07:31
    Introducing useFetcher
  46. Урок 46. 00:02:06
    More Cases for useFetcher
  47. Урок 47. 00:04:28
    Server State in Remix
  48. Урок 48. 00:12:28
    Editing Shelf Names
  49. Урок 49. 00:18:45
    Validating Forms with Zod
  50. Урок 50. 00:09:20
    Intro to Optimistic UI
  51. Урок 51. 00:12:57
    Optimistically Deleting Shelves
  52. Урок 52. 00:07:22
    Creating Shelf Items
  53. Урок 53. 00:11:57
    Deleting Shelf Items
  54. Урок 54. 00:21:46
    Optimistically Creating Shelf Items
  55. Урок 55. 00:04:24
    Suppressing the Layout Effect Warning
  56. Урок 56. 00:08:18
    Optimistically Deleting Shelf Items
  57. Урок 57. 00:14:17
    Additional Enhancements
  58. Урок 58. 00:01:33
    Overview
  59. Урок 59. 00:07:41
    The User Model
  60. Урок 60. 00:10:11
    The Login Route
  61. Урок 61. 00:02:25
    Intro to Cookies
  62. Урок 62. 00:03:41
    Setting Our First Cookie
  63. Урок 63. 00:07:28
    Cookie Attributes
  64. Урок 64. 00:06:21
    A Simple Auth Flow
  65. Урок 65. 00:05:05
    Remix's Cookie Helper
  66. Урок 66. 00:04:10
    Cryptographic Signatures
  67. Урок 67. 00:01:46
    Signing Cookies
  68. Урок 68. 00:04:28
    Signing Cookies in Remix
  69. Урок 69. 00:03:43
    Sessions
  70. Урок 70. 00:04:03
    Session Storage
  71. Урок 71. 00:07:11
    Session Storage in Remix
  72. Урок 72. 00:02:46
    Overview
  73. Урок 73. 00:02:03
    What is Authentication
  74. Урок 74. 00:02:52
    Overview of Magic Link Authentication
  75. Урок 75. 00:01:52
    Magic Link Structure
  76. Урок 76. 00:07:47
    Generating Magic Links
  77. Урок 77. 00:03:58
    Updating the Login Route
  78. Урок 78. 00:01:50
    Validation Route Overview
  79. Урок 79. 00:08:37
    Parsing the Magic Link Payload
  80. Урок 80. 00:03:10
    Validating the Expiration Time
  81. Урок 81. 00:06:05
    Validating the Nonce
  82. Урок 82. 00:02:43
    Finishing the Login
  83. Урок 83. 00:08:13
    The Sign Up Form
  84. Урок 84. 00:09:38
    The Sign Up Form Action
  85. Урок 85. 00:03:49
    Signing Up for Mailgun
  86. Урок 86. 00:06:17
    Setting Up the Mailgun Client
  87. Урок 87. 00:06:09
    Sending the Magic Link Email
  88. Урок 88. 00:02:20
    Showing the Check Email Message
  89. Урок 89. 00:02:53
    Overview
  90. Урок 90. 00:02:27
    Authorization Rules for the Login Page
  91. Урок 91. 00:06:20
    Login Authorization Rule #1
  92. Урок 92. 00:01:07
    Login Authorization Rule #2
  93. Урок 93. 00:05:55
    Authorization Rules for the Pantry Page
  94. Урок 94. 00:02:43
    Pantry Authorization Rule #1
  95. Урок 95. 00:01:41
    Pantry Authorization Rule #2
  96. Урок 96. 00:02:16
    Pantry Authorization Rules #3-4
  97. Урок 97. 00:03:44
    Pantry Authorization Rules #5-6
  98. Урок 98. 00:02:23
    Pantry Authorization Rule #7
  99. Урок 99. 00:02:16
    UI Updates Roadmap
  100. Урок 100. 00:07:31
    Adding an Error Boundary
  101. Урок 101. 00:03:04
    Hiding the App Nav Button
  102. Урок 102. 00:05:29
    Creating a Logout Route
  103. Урок 103. 00:04:06
    Overview
  104. Урок 104. 00:03:29
    Revisiting the Remix Philosophy
  105. Урок 105. 00:04:35
    Setting Up the Recipes Route
  106. Урок 106. 00:03:56
    Setting Up the Recipe Database Tables
  107. Урок 107. 00:04:24
    Updating the Seed Script
  108. Урок 108. 00:01:45
    Recipe Page Components
  109. Урок 109. 00:06:00
    The Recipes Loader
  110. Урок 110. 00:04:20
    Rendering the Recipe List
  111. Урок 111. 00:07:47
    Creating a Search Bar Component
  112. Урок 112. 00:02:10
    Supporting Search in the Loader
  113. Урок 113. 00:04:52
    The Create Recipe Form
  114. Урок 114. 00:04:45
    Setting Up the Recipe Detail Route
  115. Урок 115. 00:01:36
    Sorting the Recipes List
  116. Урок 116. 00:06:18
    Preserving the Search Parameters
  117. Урок 117. 00:05:42
    Recipe Link Pending UI
  118. Урок 118. 00:08:20
    Using Link Prefetch
  119. Урок 119. 00:01:40
    Recipe Detail Route Overview
  120. Урок 120. 00:06:41
    Overview of Step 1 - Creating an Input Component
  121. Урок 121. 00:10:14
    Displaying the Name and Total Time
  122. Урок 122. 00:07:25
    Rendering the Ingredients
  123. Урок 123. 00:06:31
    Rendering the Instructions
  124. Урок 124. 00:01:04
    Overview of Step 2 - Updating Recipes
  125. Урок 125. 00:08:33
    Saving the Recipe Name, Total Time, and Instructions
  126. Урок 126. 00:04:01
    FormData's getAll Function
  127. Урок 127. 00:08:29
    Updating the validateForm Function
  128. Урок 128. 00:08:06
    Updating the Ingredients
  129. Урок 129. 00:07:29
    Creating New Ingredients
  130. Урок 130. 00:04:09
    Addressing and Issue
  131. Урок 131. 00:07:40
    Adding Error Messages to the UI
  132. Урок 132. 00:02:57
    Exercise: Imposter Syndrome
  133. Урок 133. 00:00:33
    Overview of Step 3 - Deleting Recipes and Ingredients
  134. Урок 134. 00:02:28
    Deleting a Recipe
  135. Урок 135. 00:03:39
    Deleting Ingredients
  136. Урок 136. 00:01:51
    Authorization Rules for the Recipe Detail Route
  137. Урок 137. 00:02:56
    Recipe Detail Authorization Rule #1
  138. Урок 138. 00:02:08
    Recipe Detail Authorization Rules #2-5
  139. Урок 139. 00:02:35
    Enhancement Overview
  140. Урок 140. 00:01:20
    Overview of Step 1 - Saving Inputs on Change
  141. Урок 141. 00:08:23
    Saving Recipe Inputs on Change
  142. Урок 142. 00:05:53
    Creating an Ingredient Row Component
  143. Урок 143. 00:04:04
    Saving Ingredient Inputs on Change
  144. Урок 144. 00:06:51
    Persisting the Recipe Fetcher Data
  145. Урок 145. 00:05:07
    Persisting the Ingredient Fetcher Data
  146. Урок 146. 00:02:07
    Debouncing Form Inputs
  147. Урок 147. 00:07:04
    Creating a Hook for Debouncing
  148. Урок 148. 00:03:32
    Debouncing the Form Inputs
  149. Урок 149. 00:02:02
    Overview of Step 2 - The Case for Optimistic UI in the Side Bar
  150. Урок 150. 00:05:47
    Updating the Side Bar with useFetchers
  151. Урок 151. 00:03:40
    Overview of Step 3
  152. Урок 152. 00:09:28
    Wiring up a Fetcher to Create New Ingredients
  153. Урок 153. 00:05:18
    Creating a Hook for Optimistically Rendering Ingredients
  154. Урок 154. 00:04:59
    Optimistically Rendering New Ingredients
  155. Урок 155. 00:04:15
    Updating the Default Enter Key Behavior
  156. Урок 156. 00:01:55
    Creating Mew Ingredients with the Enter Key
  157. Урок 157. 00:04:48
    Focusing the Amount Input on Create
  158. Урок 158. 00:03:44
    Optimistically Deleting Ingredients
  159. Урок 159. 00:01:23
    Overview
  160. Урок 160. 00:03:27
    Creating a File Input
  161. Урок 161. 00:05:36
    The Urlencoded Content Type
  162. Урок 162. 00:05:30
    The Multipart Content Type
  163. Урок 163. 00:01:27
    Parsing Multipart Forms
  164. Урок 164. 00:05:17
    Overview of Parsing Multipart Forms in Remix
  165. Урок 165. 00:03:48
    Remix's Built-In Upload Handlers
  166. Урок 166. 00:03:16
    Storing Images in the Public Directory
  167. Урок 167. 00:03:10
    Writing the Image URL to the Database
  168. Урок 168. 00:03:30
    Overview
  169. Урок 169. 00:02:19
    Updating the DB to Track Meal Plans
  170. Урок 170. 00:04:30
    Modals in Remix
  171. Урок 171. 00:05:00
    Setting up the Modal Route
  172. Урок 172. 00:05:26
    Creating some Components for the Modal
  173. Урок 173. 00:05:44
    Meal Plan Modal UI
  174. Урок 174. 00:04:47
    Passing Context to the Outlet
  175. Урок 175. 00:05:23
    Creating the Modal Action
  176. Урок 176. 00:06:19
    The Update Meal Plan Action Case
  177. Урок 177. 00:03:32
    Indicating which Recipes are in the Meal Plan
  178. Урок 178. 00:07:01
    The Meal Plan Filter Button
  179. Урок 179. 00:02:27
    The Meal Plan Filter Backend
  180. Урок 180. 00:05:18
    Preserving the Search State when Filtering
  181. Урок 181. 00:03:49
    Preserving the Filter State when Searching
  182. Урок 182. 00:02:22
    Overview of Next Steps and Setting up the Grocery List Route
  183. Урок 183. 00:04:17
    Defining the Grocery List Item Type
  184. Урок 184. 00:06:17
    Building the Grocery List Item Component
  185. Урок 185. 00:06:17
    Getting Started on the Grocery List Loader
  186. Урок 186. 00:03:36
    Formatting the Missing Ingredients
  187. Урок 187. 00:06:06
    Grouping Grocery List Items by the Ingredient Name
  188. Урок 188. 00:02:36
    Rendering the Grocery List
  189. Урок 189. 00:04:29
    Creating the Grocery List Route Action
  190. Урок 190. 00:06:21
    Adding Grocery Items to the Pantry
  191. Урок 191. 00:03:18
    The Grocery List Empty State
  192. Урок 192. 00:06:14
    Clearing the Meal Plan
  193. Урок 193. 00:01:29
    Overview
  194. Урок 194. 00:04:06
    The PageLayout Component
  195. Урок 195. 00:02:31
    Setting up the Settings Route
  196. Урок 196. 00:02:39
    Intro to Resource Routes
  197. Урок 197. 00:05:46
    MIME Types
  198. Урок 198. 00:02:34
    Overview of Customizing the Theme
  199. Урок 199. 00:01:46
    Renaming the Resource Route
  200. Урок 200. 00:05:02
    Controlling the Tailwind Theme with the Theme Resource Route
  201. Урок 201. 00:03:50
    Building the Form to Change the Site Theme
  202. Урок 202. 00:02:09
    Creating the Theme Cookie
  203. Урок 203. 00:04:05
    The App Settings Route Action
  204. Урок 204. 00:02:51
    The App Settings Route Loader
  205. Урок 205. 00:05:20
    Fixing the Off-By-One Issue
  206. Урок 206. 00:03:32
    Returning Dynamic CSS Based on the Theme Cookie
  207. Урок 207. 00:00:53
    Overview
  208. Урок 208. 00:01:18
    Redirecting the Home Page
  209. Урок 209. 00:04:38
    The Discover Page UI
  210. Урок 210. 00:02:45
    Discover Detail Page Setup
  211. Урок 211. 00:03:07
    Discover Detail Page UI
  212. Урок 212. 00:01:48
    Intro to Caching
  213. Урок 213. 00:03:10
    Private vs Server Caches
  214. Урок 214. 00:03:42
    Preview of Using the Browser Cache
  215. Урок 215. 00:02:36
    Caching Vocabulary
  216. Урок 216. 00:03:32
    The Default Browser Strategy
  217. Урок 217. 00:01:24
    The No-Store Strategy
  218. Урок 218. 00:01:22
    The Fixed-Time Strategy
  219. Урок 219. 00:04:10
    The Cache-Busting Strategy
  220. Урок 220. 00:01:45
    The Revalidate-Once-Stale Strategy
  221. Урок 221. 00:04:04
    Etags
  222. Урок 222. 00:03:13
    Responding to the If-None-Match Header
  223. Урок 223. 00:04:22
    The Stale-While-Revalidate Strategy
  224. Урок 224. 00:02:29
    Caching Full HTML Pages
  225. Урок 225. 00:05:40
    Responding to If-None-Match on HTML Requests
  226. Урок 226. 00:01:01
    Introduction to Testing
  227. Урок 227. 00:02:00
    Setting Up Playwright
  228. Урок 228. 00:06:52
    Writing our First Test
  229. Урок 229. 00:07:01
    Creating Dynamic Routes
  230. Урок 230. 00:04:54
    Implementing the Test Login Route
  231. Урок 231. 00:07:18
    Testing a Typical Pantry Page Flow
  232. Урок 232. 00:04:05
    Finishing up the Pantry Test
  233. Урок 233. 00:02:23
    The Playwright UI
  234. Урок 234. 00:04:24
    Creating a Delete User Test Endpoint
  235. Урок 235. 00:01:42
    Deleting Test Users
  236. Урок 236. 00:00:45
    Deployment Overview
  237. Урок 237. 00:02:48
    The Fly CLI
  238. Урок 238. 00:03:28
    Prisma MIgrations
  239. Урок 239. 00:03:15
    Creating the Database Server
  240. Урок 240. 00:01:39
    Creating the App Server
  241. Урок 241. 00:03:27
    Setting Environment Variables
  242. Урок 242. 00:01:10
    Deploying the App
  243. Урок 243. 00:13:52
    An Example of Upgrading Remix
  244. Урок 244. 00:01:18
    Thank You!
  245. Урок 245. 00:09:14
    ARCHIVED - Seeding the Database (Archived Apr 2024)