为什么这个 React TypeScript 项目很棒？

因为这是在构建作品集项目时学习如何将 React 与 TypeScript 一起使用的绝佳机会！

这是您探索、学习和创造真正令人印象深刻的东西的游乐场。您不仅可以提高自己的技术技能，还可以制作一个值得组合的应用程序，该应用程序会大声疾呼：“我可以毫不费力地构建复杂的全栈应用程序！

以下是你将在这个 React TypeScript 项目中学到的内容：

1. 首先，我们有 React.js。这是当今 Web 开发的基本要素。我们将帮助你快速创建组件、使用 DOM 节点、像专业人士一样处理事件以及全局和本地管理状态。这一切都是为了让您的应用程序具有响应性和交互性，确保用户获得流畅的体验。不要忘记 React Router DOM 来浏览你的应用程序。我们将解决实现私有路由的问题，确保只有经过身份验证的用户才能访问应用程序的某些部分。这是任何 Web 开发人员都必须知道的。

2. 然后，还有 DNDKit – 因为谁不喜欢拖放呢？我们将向您展示如何通过拖动鼠标使页面上的元素可移动。您将学习如何设置自定义拖动目标并无缝地重新排序元素。这是一项可以为您的项目增添额外润色的技能。

3. 当然，我们不能忘记 TypeScript。这一切都是为了让您的代码无懈可击，及早发现错误，并使您的开发过程更加顺畅。我们将深入探讨如何将 TypeScript 与 React 结合使用，定义新类型，并利用库中的类型来使您的代码更简洁、更可靠。

4. Vite 是您快速启动项目的快速通行证。这是一款注重速度的构建工具，让您以前所未有的速度引导、构建和运行项目。您会喜欢它为您的工作流程带来的效率。

5. Supabase 是您应用程序数据所在的位置。从管理数据库到存储图像和处理用户身份验证，它都能满足您的需求。它是一个强大的工具，可简化后端工作，让您更专注于创造令人惊叹的用户体验。

6. 最后，CSS Modules 将是你设置样式的首选。告别样式冲突，迎接模块化、可重用的 CSS，让您的应用程序看起来令人惊叹。

如果你准备好将这个了不起的（而且有益的）全栈 React 项目想法变成现实，那么让我们开始吧！

等。。。什么是项目？

我们从学生那里听到的最常见的话之一是：“我想构建更多项目！

我们喜欢听到这句话，因为构建项目确实是最好的学习方式。独特、具有挑战性的项目确实可以使您的投资组合在潜在雇主中脱颖而出。

但同时…当你真正构建一些真实的东西时，感觉真好！

这就是我们创建 ZTM Projects 的原因。一系列全面的作品集和练习项目，您可以使用它来提升您的知识、学习新技能、构建您的作品集，有时甚至只是玩得开心！

我还应该了解什么？

成为 ZTM 会员后，您不仅可以访问我们所有的课程、字节和项目。

但你也可以加入我们独家的实时在线社区课堂，与成千上万的学生、校友、导师、助教和讲师一起学习。

最重要的是，您将向具有使用 React 和 TypeScript 构建项目的实际经验的行业专业人士 （Maksim） 学习。他会教你他在自己的角色中使用的确切策略和技巧。

最后，与所有 ZTM 课程一样，这门课程是一个有生命的东西。它将随着环境的变化而不断更新，因此您可以将其用作现在和整个职业生涯中构建 React 项目创意的首选资源。

加入 1,000 多名 Zero To Mastery 毕业生的行列，他们已经被录用，现在在谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook、Shopify + 其他顶级科技公司工作。

他们来自不同的背景、年龄和经历。许多人甚至从完全的初学者开始。

所以没有理由不能是你。

而且你没有什么可失去的。因为您现在可以开始学习，如果本课程不是您所期望的，我们将在 100 天内退还您 30%。没有麻烦，也没有问题。