Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Remix.js - The Practical Guide, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:00:33
    Welcome to the Course!
  • Урок 2. 00:05:41
    What Is Remix? And Why Would You Use Remix?
  • Урок 3. 00:02:11
    Remix vs NextJS
  • Урок 4. 00:01:24
    About The Course
  • Урок 5. 00:03:38
    How To Get The Most Out Of This Course
  • Урок 6. 00:01:44
    Module Introduction
  • Урок 7. 00:03:36
    Creating a Remix Project
  • Урок 8. 00:04:03
    Analyzing the Created Project
  • Урок 9. 00:03:47
    Getting Started with File-based Routing
  • Урок 10. 00:05:12
    Adding Links & Building a SPA (Single-Page Application)
  • Урок 11. 00:03:07
    Onwards to a Better Project
  • Урок 12. 00:09:06
    Styling Pages & Understanding the Root Route
  • Урок 13. 00:06:45
    Surfacing Component Styles
  • Урок 14. 00:03:03
    Styling Active Links via NavLink
  • Урок 15. 00:03:58
    How Form Submissions Work
  • Урок 16. 00:03:24
    Server-side Form Handling via action()
  • Урок 17. 00:09:17
    Adding Backend Code & Redirecting
  • Урок 18. 00:05:00
    Fetching Page Data via loader()
  • Урок 19. 00:07:52
    Returning & Using Fetched Data
  • Урок 20. 00:04:50
    From <form> to <Form>
  • Урок 21. 00:04:09
    Providing User Feedback via useNavigation
  • Урок 22. 00:06:06
    Validating Input & Returning Data in action()
  • Урок 23. 00:06:53
    Error Handling via ErrorBoundary
  • Урок 24. 00:07:35
    Handling Error Responses via CatchBoundary
  • Урок 25. 00:07:54
    Adding Dynamic Routes & Dot-delimited Routes
  • Урок 26. 00:04:08
    Fetching Data for Dynamic Routes
  • Урок 27. 00:01:42
    Another CatchBoundary Example
  • Урок 28. 00:04:32
    Setting Page Metadata
  • Урок 29. 00:02:18
    Summary
  • Урок 30. 00:01:34
    Module Introduction
  • Урок 31. 00:02:05
    What We'll Build - A Demo
  • Урок 32. 00:03:55
    Project Planning & Creation
  • Урок 33. 00:10:13
    Creating Project Routes - A Refresher
  • Урок 34. 00:05:48
    Nested Paths - An Alternative Approach
  • Урок 35. 00:07:55
    Layout Routes
  • Урок 36. 00:06:39
    Adding Components & Styling
  • Урок 37. 00:10:52
    Working on More Routes
  • Урок 38. 00:04:05
    Marketing Pages & Static Images
  • Урок 39. 00:02:42
    Leveraging Layouts
  • Урок 40. 00:03:31
    Rendering a Modal Page (Overlay Page)
  • Урок 41. 00:05:14
    Adding Links
  • Урок 42. 00:02:35
    Paths: Absolute vs Relative
  • Урок 43. 00:03:34
    Navigating Programmatically
  • Урок 44. 00:03:33
    Adding NavLinks
  • Урок 45. 00:08:57
    Introducing Pathless Layout Routes
  • Урок 46. 00:03:42
    Doing More with Pathless Layout Routes
  • Урок 47. 00:03:40
    Introducing Resource Routes
  • Урок 48. 00:05:32
    Understanding Splat Routes
  • Урок 49. 00:09:30
    Working with URL Search Parameters (Query Parameters)
  • Урок 50. 00:03:43
    Adding More Expense-related Links
  • Урок 51. 00:01:53
    Module Summary
  • Урок 52. 00:01:05
    Module Introduction
  • Урок 53. 00:03:41
    Project & Database (MongoDB) Setup
  • Урок 54. 00:04:18
    Adding Prisma (A Package For Querying the Database)
  • Урок 55. 00:05:49
    Adding an Expense Data Model
  • Урок 56. 00:07:11
    Preparing the Code for Form Submissions
  • Урок 57. 00:06:09
    Adding a Server-side "addExpense" Function
  • Урок 58. 00:06:58
    Adding Expenses to the Database (via action())
  • Урок 59. 00:10:15
    Adding Server-side Validation
  • Урок 60. 00:05:10
    Submitting Forms Programmatically
  • Урок 61. 00:05:30
    Adding Visual Submission Feedback
  • Урок 62. 00:09:17
    Fetching Expenses (via loader())
  • Урок 63. 00:05:28
    Loaders - A Closer Look
  • Урок 64. 00:08:48
    Loading a Single Expense (via Dynamic Route Parameters)
  • Урок 65. 00:03:04
    How Nested Loaders Are Executed
  • Урок 66. 00:06:28
    Using Parent Loader Data via useMatches()
  • Урок 67. 00:07:28
    Updating Data
  • Урок 68. 00:03:28
    Deleting Data
  • Урок 69. 00:05:31
    One Action - Multiple Forms
  • Урок 70. 00:09:32
    Programmatic "Behind-the-Scenes" Submission via useFetcher()
  • Урок 71. 00:04:09
    Extracting Search Parameters
  • Урок 72. 00:02:18
    Adding Visual Feedback to the Authentication Form
  • Урок 73. 00:07:26
    Adding a Shared Root Document
  • Урок 74. 00:04:25
    Adding Default Error Handling Logic
  • Урок 75. 00:05:55
    Handling Errors Without ErrorBoundary or CatchBoundary
  • Урок 76. 00:04:07
    Managing Errors Inside Components
  • Урок 77. 00:01:14
    Practice Time - Challenge
  • Урок 78. 00:05:28
    Practice Time - Solution
  • Урок 79. 00:03:12
    Module Summary
  • Урок 80. 00:00:51
    Module Introduction
  • Урок 81. 00:01:02
    Project Setup
  • Урок 82. 00:02:16
    How Does User Authentication Work?
  • Урок 83. 00:05:17
    Preparing the Database
  • Урок 84. 00:04:29
    Adding Server-side Credentials Validation
  • Урок 85. 00:03:33
    Check for Existing Users & Emails
  • Урок 86. 00:06:34
    User Signup & Password Hashing
  • Урок 87. 00:03:50
    Getting Started with User Login
  • Урок 88. 00:04:53
    Sessions & Cookies - Preparation
  • Урок 89. 00:08:06
    Creating Session Cookies
  • Урок 90. 00:06:53
    Extracting Session Data & Rendering Conditional User Interfaces
  • Урок 91. 00:06:37
    Adding Logout
  • Урок 92. 00:06:49
    Protecting Routes
  • Урок 93. 00:01:36
    More Route Protection
  • Урок 94. 00:08:32
    Connecting Expenses & Users
  • Урок 95. 00:01:19
    Module Summary
  • Урок 96. 00:01:09
    Module Introduction
  • Урок 97. 00:08:03
    Adding Metadata To Routes
  • Урок 98. 00:02:18
    Why You Might Need Custom Page Response Headers
  • Урок 99. 00:03:39
    Setting Page Response Headers
  • Урок 100. 00:03:39
    Working with Nested Headers
  • Урок 101. 00:02:50
    Using Action & Loader Headers
  • Урок 102. 00:06:50
    Disabling JavaScript For Some Pages
  • Урок 103. 00:04:49
    A Brief Look at the Remix Config File
  • Урок 104. 00:02:04
    Deployment Options
  • Урок 105. 00:07:05
    Deploying a Remix Website - An Example (Netlify)
  • Урок 106. 00:00:59
    Course Roundup