创建 React Hooks 库

Creating a React Hooks Library

本课程是编写自定义 React Hooks 和从头开始构建 Hooks 库的完整分步指南。自信地掌握 React Hooks，这是自 React 16.8 版以来添加的变革性更新，随着 React 代码库的增长，它可以更轻松地重用代码。

你将学到什么

Hooks API 基础知识

开发自定义 React Hooks

如何编写可重用的 React Hooks

代码中要避免的常见 React Hooks 错误

JavaScript 库的转译器和打包器

使用 GitHub Actions 测试、构建和检查您的库

将你的 React Hooks 库发布到 NPM

在本课程中，我们将构建一组自定义的可重用钩子，一个迷你 react-hanger 克隆，基本上从无到有，成为遵循最佳实践的全自动发布管道。我们将介绍每个 React 开发人员应该知道的常见 Hook API，然后直接深入实施自定义 React Hook，类似于您在开源 React 生态系统中的领先 React 库中可以找到的内容。

为什么本课程

React Hooks 承诺在不编写基于类的组件的情况下消除共享状态的困难。挑战在于 Hooks 摒弃了许多 React 开发人员熟悉的生命周期方法和基于类的状态管理语义。自己学习 React Hooks 可能很耗时、令人困惑和令人沮丧。考虑到这一点，创建 React Hooks 库的换行指南旨在提供一个完整的教程，完全涵盖 React Hooks。在几个小时内，您将深入了解 React Hooks 以及如何实现它们。

课程主题

本课程包含使用和构建 React Hooks 的实用实践指导，以及构建组织中其他人可以使用的更广泛的 React Hooks 库所需的最佳实践。第一个模块概述了我们将构建的 React Hooks 库项目，我们将使用库开发工具建立一个完整的环境。随后的模块将引导您使用 React Hooks 构建并创建您的 React Hooks 库，包括

Hooks API 基础
开发自定义 React Hooks
如何编写可重用的 React Hooks
代码中要避免的常见 React Hooks 错误
JavaScript 库的转译器和打包器
使用 GitHub Actions 测试、构建和 lint 你的库
将你的 React Hooks 库发布到 NPM
我们将使用包括 React、TypeScript、Babel 和 GitHub Actions 在内的工具来构建、测试和打包一个可供其他人从 NPM 下载的 React Hooks 库。最终，构建您自己的 React Hooks 库并学习使您的代码可重用的最佳实践。借助这些技能，您可以更自信地使用 React Hooks 为任何 React 代码库做出贡献，并使您的团队更有效率。