在本课程中，我们将通过 6 个小型应用程序重新创建生产 Web 应用程序中常用的钩子和模式。

我们将学习如何封装泛型实用程序函数、提取、业务逻辑或我们想要在自定义钩子中重用的任何代码。

我们将使用 create-react-app 作为每个应用程序、React 18 和 TypeScript 的起始端口。

 讲座内容包括：

1. 自定义钩子简介（计数器应用程序）

2. 自定义钩子的结构（Toggle 组件）

3. 自定义挂钩中的生命周期（天气仪表板）

4. 使用自定义挂钩共享逻辑 （useForm hook + localStorage）

5. 使用上下文 API 的自定义钩子（主题切换器）

6. 高级模式和最佳实践（Todo 应用）

7. 测试自定义挂钩（计数器应用测试）

本课程旨在向您展示各种场景中不同类型的自定义 React Hook，以便您可以学习、识别这些模式并将其应用于您的应用程序。

完成本课程

每个示例应用都是使用 Create React App 构建的。这是我创建可以使用的 React 应用程序的最简单方法，这些应用程序没有任何不必要的混乱，但这些模式可以应用于任何 React 应用程序，无论它们是如何创建的。

本课程分为多个讲座，在每节课中，您将构建一个不同的应用程序，在某些课程中，您甚至会重用之前创建的一些钩子。该课程是一种实用的、动手实践的方法，通过实践来学习。当您与示例一起编码时，您学习得最好。

 资源

所有示例应用都在 custom-react-hooks-course Zip 中，在第 1 讲中。> 引言。