结语

我们已经走到了 React 之路的终点，希望你喜欢这一过程，并且通过它对 React 有了更深入的理解和实践。如果你喜欢本课程，请分享给那些也想学习 React 的朋友。

接下来，我建议你在进入下一个课程或教程之前，先尝试扩展当前的应用，动手创建自己的 React 项目。花一周时间去完善它，将其部署上线，并向我或其他人展示你的成果。我一直很乐意看到读者们构建的作品，也希望能进一步帮助你们成长。

当你掌握了基础知识后，如果想继续拓展应用功能，我推荐以下几个进阶方向：

• 连接数据库和/或实现认证功能：随着 React 应用的增长，持久化数据变得必不可少。数据需要存储在数据库中，以便在浏览器会话之间保留，并支持多用户共享。Firebase 是一种无需编写后端服务即可引入数据库的简单方式。在我的课程《通往 Firebase 之路》中，你将逐步学习如何在 React 中使用 Firebase 的认证机制和数据库功能。

• 连接后端服务：React 负责前端部分，目前我们只是从第三方后端 API 获取数据。你也可以自己搭建一个后端服务，连接数据库并管理身份验证与授权机制。在《通往 GraphQL 之路》课程中，我会教你如何使用 GraphQL 实现前后端通信，包括如何连接数据库、管理用户会话，以及前端如何通过 GraphQL API 与后端交互。

• 状态管理：在本课程中，你仅使用了 React 自带的本地组件状态管理。这对大多数应用来说是一个良好的起点，但 React 也有成熟的外部状态管理方案。我在《通往 Redux 之路》课程中详细讲解了最流行的解决方案。

• 使用 Webpack 和 Babel 进行工具链配置：本课程使用 create-react-app 快速搭建项目。未来你可能会希望了解其背后的构建工具，从而脱离 create-react-app 手动搭建项目。我建议先从一个精简的 Webpack 配置开始，再逐步添加其他工具。

• 代码组织：回顾关于代码结构的章节，并在项目中实施相关优化（如果尚未完成）。这有助于将组件按逻辑组织成清晰的文件和目录结构，同时加深你对代码分割、可复用性、可维护性以及模块 API 设计原则的理解。随着应用规模扩大，结构化的模块划分是必然需求，越早开始越好。

• 测试：我们只初步接触了测试的概念。如果你还不熟悉 Web 应用测试，建议深入学习单元测试和集成测试，尤其是针对 React 应用的测试方法。Cypress 是一个非常适合用于 React 端到端测试的实用工具。

• 类型检查：此前我们已在 React 中使用 TypeScript，这是一种预防错误、提升开发体验的良好实践。建议进一步深入学习该主题，使你的 JavaScript 应用更加健壮。也许最终你会全面转向使用 TypeScript 替代原生 JavaScript。

• UI 组件：许多初学者过早地引入 Bootstrap 等 UI 组件库。其实更合理的方式是先用标准 HTML 元素实现下拉框、复选框或对话框等基本组件。这些组件通常需要管理自身的本地状态——例如复选框需知道自己是否被选中，因此应将其实现为受控组件。掌握这些核心 UI 组件的基本实现后，再引入 UI 组件库会更加得心应手。

• 路由：你可以使用 react-router 为应用添加路由功能。我们目前的应用只有一个页面，但未来会不断扩展。React Router 可以帮助你在多个 URL 之间管理多个页面。引入路由后，页面跳转不会向服务器发起新请求，而是由客户端的路由器处理。

• React Native：React Native 可以让你将应用运行在 iOS 和 Android 等移动设备上。一旦你掌握了 React，学习 React Native 的门槛就不会太高，因为两者遵循相同的核心理念。主要区别在于移动端的布局组件、构建工具以及设备特有的 API。

欢迎访问我的 网站，获取更多关于 Web 开发和软件工程的精彩内容。你也可以 订阅我的邮件列表 或关注我的 Twitter 页面，及时获取文章、书籍和课程更新信息。

感谢你阅读《通往 React 之路》。

此致
Robin Wieruch