对于渴望以最具互动性和实践性的方式学习现代 React 基础知识的人来说，这是一个理想的起点。

在整个课程中，您将应对 170 多个交互式编码挑战，并构建 6 个令人兴奋的项目。如果你厌倦了React课程，厌倦了对着空荡荡的编辑器屏幕发呆，那你就来对地方了！在这里，你将**终**实际构建 React 项目，让你有信心和技能解决现实世界中的应用问题。 第 1 节：静态页面（项目：ReactFacts 网站 在这一入门部分，你将熟悉 React 的基础知识，包括组件、JSX 和样式。您将创建一个简单的 ReactFacts 网站，学习可组合代码和声明式代码、React 元素以及在 React 中构建静态页面的最佳实践。 涵盖的主题： - React 简介 - 为什么选择 React？可组合和声明式 - React 元素 - JSX - 创建自定义组件 - 片段 - 使用类创建样式 第 2 节：数据驱动的 React（项目：旅行日志 接下来，您将了解如何通过引入可重复使用的组件、道具和数据驱动的渲染，使您的 React 应用程序充满活力。在鼓舞人心的 Travel Journal 项目中，您将把数据映射到组件、处理静态资产并使用道具来个性化用户体验。 涵盖的主题： - 可重用组件 - 道具 - 评估 JSX 内部的 JS - 处理静态资产 - 将数据映射到组件 第 3 节：React 状态（项目：Chef Claude） 本模块将向您介绍 React 的状态管理，让您能够处理事件、管理复杂的状态并创建响应式表单。Chef Claude 项目将帮助你了解道具和状态之间的区别，实现条件渲染，并根据用户交互动态样式化组件。 涵盖的主题： - 事件监听器 - 道具与状态 - 创建和更改状态 - 复杂状态 - 表单和表单操作 - 条件渲染 - 从子节点设置状态 - 动态样式 第 4 节：副作用（项目：Meme Generator） 通过本模块中的数据获取、受控组件和引用，探索 React 中的副作用。在 Meme Generator 项目中，你将练习管理副作用、优化依赖关系和清理资源，为处理外部数据和效果打下坚实的基础。 涵盖的主题： - 受控组件/表单 - React 中的函数式编程 - 抓取数据 - 处理副作用 - 副作用依赖关系 - 清理副作用 - 参考 第 5 节：毕业设计项目 1：Tenzies 游戏 本毕业设计项目挑战你将所学知识付诸行动，构建一个完整的 Tenzies 游戏。通过循序渐进的挑战，你将学习懒惰状态初始化和可访问性，从而提高自己的技能，创造出完美的交互式体验。 涵盖的主题： - 构建毕业设计项目的系列挑战 - 懒惰状态初始化 - 可访问性改进 第 6 节：毕业设计项目 2：组装：在这个最后的毕业设计中，你将面临一系列挑战，以构建一个复杂、多 Feature 的应用程序。在 Assembly：在 Assembly: Endgame 结束时，您将获得解决问题的实际经验，并将在整个课程中开发的所有 React 技能融会贯通。 包含的主题：构建毕业设计项目的一系列挑战 为什么选择这门课程？ 本课程充满了编码挑战，您将直接在浏览器中编写 React 代码来完成这些挑战！不知不觉中，您将编写出 6 个交互式 React 应用程序！在本课程中，您还将受益于间隔学习和重复学习。确保给自己足够的时间（天/周）来完成课程，并安排大量的休息时间。完成后，您将对自己的 React 技能充满信心，并准备好继续您的编码之旅。