什么是混音？

Remix（也称为“Remix.js”或“Remix Run”）是一个基于 React 的全栈 JavaScript Web 框架，类似于 Next.js…但更好！ Remix 可让您专注于用户界面并通过 Web 标准进行工作，以提供快速、流畅且有弹性的用户体验。当您使用 Remix 时，用户会喜欢您的网站。

 为什么要学习Remix？

Remix 可帮助您构建现代 Web 应用程序，而不会忘记 Web 基础知识。正因为如此，Remix 代码非常直观和简单。随着您对 Remix 的掌握越来越好，您也会更好地理解 Web 平台的总体情况。

这是一个相对较新的框架，但也越来越流行并且快速发展……这意味着您将希望了解最新的信息。幸运的是，这门 Remix 课程涵盖了 2024 年所有 Remix 最佳实践和趋势，并且重点关注效率。

这意味着您再也不必花时间在令人困惑、过时、不完整的教程上。

本课程将帮助您快速掌握 Remix，并超越基础知识，以便您可以使用 Remix 构建更好的网站，Remix 允许无缝服务器和浏览器运行时，提供快速的页面加载和即时转换。

成功案例不言自明。

从零到精通的毕业生现在在谷歌、特斯拉、亚马逊、苹果、IBM、Uber、Facebook、Shopify 等顶级科技公司工作。他们还作为顶级自由职业者在世界各地远程工作时获得报酬。这可以是你。

今天注册，您还可以加入我们独家的实时在线社区课堂，与数千名学生、校友、导师、助教和讲师一起学习。

最重要的是，您将向 Zach Taylor 学习，他是一位资深行业专业人士，拥有使用 Remix.js 和 Web 开发的实际经验。

本混音课程涵盖的内容：

本课程与所有“零到精通”课程一样，是一个活生生的东西，会不断更新。这意味着它将成为您在整个职业生涯中寻找最新 Remix 最佳实践和资源的首选之地！

本课程涵盖了有关 Remix 的几乎所有内容，包括：嵌套路由、样式、错误处理、与数据库交互、文件上传、缓存、构建类似应用程序的 UI、测试、部署。非常棒吧？

如果您想了解更多信息，以下是您将在本课程中学习的内容的更详细概述：

1. Remix 概述：我们首先要迈出小步……你必须先学会走路，然后才能跑！您将熟悉 Remix 的一些主要配置文件，并且我们在 Remix 中引入了嵌套路由的概念。

2. 基本路由和样式：您将学习 Remix 路由 API 的基础知识，包括根路由的作用、如何命名路由文件以及“链接”路由导出。我们还讨论了 Remix 中的 CSS 以及设置 Tailwind。

3. Remix 中的基本数据：在本节中，您将了解“加载器”，它允许您将数据加载到用户界面中。我们还做了一些基本的挂起 UI 来在数据加载时向用户显示，并且我们设置了 Prisma 和 Postgres。

4. 食品储藏室页面：我们不想浪费您的时间，所以这意味着您已经是时候深入实践了！本节标志着构建主项目（又名 Remix Recipes 应用程序）的开始，从构建食品储藏室页面开始。您将学习如何构建搜索栏、如何使用表单更新数据库中的数据、如何使用 Zod 验证表单，并且您将初步了解如何构建 Optimistic UI。

5. 身份验证先决条件：在这里，您将建立身份验证的知识基础，我们将在下一节中深入讨论。本节中的课程涵盖数据库中的用户关系、cookie、加密签名和会话等主题。

6. Magic Link 身份验证：您将为 Remix Recipes 应用程序实现 Magic Link 身份验证系统。 Magic Link 身份验证系统不需要使用密码……它们就是魔法！好吧，实际上不是。用户只需通过电子邮件接收带有加密有效负载的链接，而不是密码，单击该链接即可登录用户。这种类型的系统比简单的基于密码的身份验证系统更复杂，但它提供了更好的用户体验和让我们有机会学习更多 Remix 技能，例如使用 React 在服务器上发送电子邮件。

7. 授权：身份验证是验证用户是否为他们所声称的身份的过程。另一方面，授权是在我们验证用户身份后确定用户可以在系统中执行哪些操作的过程。在本部分中，您将向我们已经构建的页面添加授权规则。

8. 用户界面（食谱页面） ：UI 是任何应用程序最重要的方面之一，因此准备好学习如何使用 Remix 构建出色的 UI！您将通过在 Remix Recipes 应用程序中构建菜谱页面来了解 UI，因为从 UI 角度来看，这是应用程序中最复杂的页面。您将学习如何使用几个新的 Remix API 以及如何实现一些巧妙的 Optimistic UI 来向用户隐藏网络速度。这增强了用户的体验，因为即使对于网络速度较慢的用户来说，应用程序也会感觉很快。

9. 文件上传：是时候学习如何在 Remix 中进行文件上传了。这将包括了解 HTML 表单的多部分编码类型，它允许我们将二进制数据（例如文件）发送到服务器。您还将了解 Remix 的文件上传处理程序 API。

10. Remix Modals ：您将学习在 Remix 中构建模态的各种方法，并通过构建购物清单将其付诸实践。您还将学习如何处理多个搜索参数并学习编写一些（稍微）更复杂的后端逻辑。

11. 设置页面：在本节中，您将了解 Remix 中的资源路由，甚至创建一个为用户提供自定义 CSS 的资源路由，允许他们自定义站点的主题。那有多酷？

12. 缓存（发现页面） ：本节的主要焦点是缓存。您将了解私有缓存和服务器缓存之间的区别，以及如何使用 HTTP 缓存控制标头在用户浏览器中缓存资源，从而提高应用程序的速度。

13. 测试：这是一个你不想听到的残酷事实……测试很重要！所以我们专门用了一整节来讨论它。您将学习使用名为 Playwright 的工具为我们的 Remix Recipes 应用程序编写端到端测试。 Playwright 在无头浏览器中运行该应用程序，以便我们可以像用户一样进行交互，从而使我们对应用程序按预期工作充满信心。在本节中，您甚至将学习如何在 Remix 中创建动态路线。

14. 部署：准备就绪……是时候与世界分享您的精彩作品了！您将使用 Fly 部署精美的全栈 Web 应用程序，这使得使用 postgress 数据库部署 Remix 应用程序变得非常容易。正因为我们希望带您从零到精通，您还将在本节中了解 prisma 迁移。

 底线是什么？

此 Remix 运行课程并不是让您在不了解原理的情况下只是编写代码，这样当您完成本课程时，除了观看另一个教程之外，您甚至不知道该怎么做。不！

本课程将推动您并挑战您从一个绝对的初学者成为 Remix 开发人员中排名前 10% 的人。

而且你没有什么可失去的。您可以立即开始学习，如果本课程未达到您的预期，我们将在 30 天内 100% 退款给您。没有麻烦，也没有问题。