ZerotoMastery – 使用 React 和 TypeScript 构建概念克隆

MP4 |视频：h264，1920×1080 |音频：AAC、44.1 KHz、2 Ch
类型：电子学习 |语言： 英语 |时长：86 节课 (7h 58m)

你将学到什么

• 了解如何使用 TypeScript 创建 React 应用
• 了解 React TypeScript 应用的优势
• 打造一个全面、出色的投资组合项目，让雇主惊叹不已
• 如何测试 React TypeScript 应用程序
• 先进的 UI 技术（例如拖放）可创建引人入胜的界面
• 类型安全的编程技能，可实现更可靠、更可维护的代码

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

因为这是在构建投资组合项目时学习如何将 React 与 TypeScript 结合使用的绝佳机会！

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

以下是您将在此 React TypeScript 项目中学到的内容

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

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

当然，我们不能忘记 TypeScript。这一切都是为了让您的代码防弹、及早发现错误并让您的开发过程更加顺利。我们将深入研究如何将 TypeScript 与 React 结合使用、定义新类型以及利用库中的类型使您的代码更干净、更可靠。

Vite 是您快速启动项目的快速通行证。它是一款注重速度的构建工具，可让您比以往更快地引导、构建和运行项目。您一定会喜欢它为您的工作流程带来的效率。

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

最后，CSS 模块将是您设计样式的首选。告别样式冲突，拥抱模块化、可重用的 CSS，让您的应用看起来令人惊叹。

如果您准备好接受这个很棒的（且有益的）全栈 React 项目想法并将其变为现实，那么让我们开始吧！

等等…什么是项目？

• 我们从学生那里听到的最常见的事情之一是：“我想构建更多项目！”
• 我们很高兴听到这个消息，因为构建项目确实是最好的学习方式。独特且具有挑战性的项目确实可以让您的作品集在潜在雇主面前脱颖而出。
• 而且……当您真正构建出真实的东西时，感觉真是太好了！
• 这就是我们创建 ZTM 项目的原因。一系列全面的作品集和实践项目，您可以用它们来提升您的知识、学习新技能、建立您的作品集，有时甚至只是享受乐趣！