TypeScript 与 React

引言

由 Stefan Baumgartner 所著的《TypeScript 与 React》（英文原名：TypeScript and React）一书于 2021 年出版，是一本紧凑而内容丰富的指南，旨在将 TypeScript 的严格类型化集成到 React 生态系统中。在 200 页的篇幅中，作者成功涵盖了从基本类型到高级模式的关键方面，使本书既适合已熟悉 React 的初学者，也适合希望系统化知识的有经验开发者。

本书内容

本书以实践课程的形式构建，逐步引导读者从简单示例走向复杂的架构解决方案。重点包括：

• 使用 TypeScript 配置 React 项目（CRA、Vite、手动配置）。
• 函数组件和类组件的类型化。
• 与钩子（useState、useEffect、useReducer、自定义钩子）协同工作。
• 事件和表单处理。
• 上下文（Context API）和传送门（Portals）的类型化。
• 与流行库（React Router、Redux、Formik）的集成。
• 高级技术：可区分联合、条件类型、映射类型。
• 使用 TypeScript 进行组件测试（Jest、React Testing Library）。

适合读者

本书面向已具备 React 基础知识（JSX、组件、钩子）并希望掌握 TypeScript 以提高代码可靠性和可读性的开发者。同时，对于从 JavaScript 转向 TypeScript 并寻找结构化方法来类型化 React 应用程序的读者也很有帮助。

读者将学到什么

• 如何在 React 项目中配置 TypeScript 并避免常见的配置错误。
• 如何正确类型化 props、状态和事件。
• 如何为组件和钩子创建可复用的类型。
• 如何使用泛型类型提高代码灵活性。
• 如何类型化 Redux（createSlice、createAsyncThunk）和 React Router（useParams、useLocation）。
• 如何编写类型安全的测试。
• 如何在实际项目中使用 TypeScript 的高级特性（条件类型、infer、模板字面量类型）。

优势

实践导向。每一章都包含大量可直接应用于工作的代码示例。作者不过度深入理论，而是专注于实际场景。

时效性。本书写于 2021 年，但 TypeScript 和 React 的核心概念在 2025 年仍然相关。书中涵盖了库的现代版本（React 17-18、TypeScript 4.x）。

结构清晰。材料按逻辑块划分：从简单到复杂。每章末尾都有总结和巩固练习。

深度。尽管篇幅不大，本书涉及了高级主题，如条件类型和类型推断，这在类似指南中很少见。

可读性。作者以生动易懂的语言写作，避免了枯燥的学术风格。示例均附有解释。

推荐给谁

• 从 JavaScript 转向 TypeScript 的前端开发者。
• 希望通过类型化提高代码质量的 React 开发者。
• 在现有 React 项目中引入 TypeScript 的技术负责人和架构师。
• 已掌握 React 基础并追求职业发展的学生和课程毕业生。

《TypeScript 与 React》不是一本参考手册，而是一本实践指南，它将帮助您编写更可靠、自文档化且易于维护的代码。我们向所有希望将 React 开发技能提升到新水平的人推荐本书。