关于 React 与 Next.js

Next.js 是一个灵活的 React 框架，为您提供构建快速、全栈 Web 应用 所需的模块。

但这句话具体意味着什么？让我们花些时间详细解释 React 和 Next.js 是什么，以及它们如何帮助您构建 Web 应用。

Web 应用的构建模块

构建现代应用时需要考虑以下几个方面：

• 用户界面 (UI) - 用户如何消费并与您的应用交互。
• 路由 (Routing) - 用户如何在应用的不同部分之间导航。
• 数据获取 (Data Fetching) - 数据存储位置及获取方式。
• 渲染 (Rendering) - 静态或动态内容的渲染时机与位置。
• 集成 (Integrations) - 使用的第三方服务（如 CMS、身份验证、支付等）及其连接方式。
• 基础设施 (Infrastructure) - 应用代码的部署、存储和运行环境（无服务器、CDN、边缘计算等）。
• 性能 (Performance) - 如何为终端用户优化应用。
• 可扩展性 (Scalability) - 应用如何随团队规模、数据量和流量增长而适应。
• 开发者体验 (Developer Experience) - 团队构建和维护应用的体验。

对于应用的每个部分，您需要决定是自行构建解决方案，还是使用其他工具（如包、库和框架）。

什么是 React？

React 是一个用于构建 交互式用户界面 的 JavaScript 库。

用户界面 (UI) 指的是用户在屏幕上看到并与之交互的元素。

作为库，React 提供了构建 UI 的有用函数 (API)，但具体在应用的哪些部分使用这些函数则由开发者决定。

React 的成功部分源于它对构建应用的其他方面持相对开放态度。这催生了一个繁荣的第三方工具和解决方案生态系统，包括 Next.js。

然而，这也意味着从零开始构建一个完整的 React 应用需要付出一些努力。开发者需要花时间配置工具，并为常见的应用需求重新设计解决方案。

什么是 Next.js？

Next.js 是一个 React 框架，为您提供构建 Web 应用所需的模块。

作为框架，Next.js 处理了 React 所需的工具和配置，并为您的应用提供额外的结构、功能和优化。

您可以使用 React 构建 UI，然后逐步采用 Next.js 的功能来解决常见的应用需求，如路由、数据获取和缓存——同时提升开发者和终端用户的体验。

无论您是独立开发者还是团队一员，都可以使用 React 和 Next.js 构建完全交互式、高度动态且性能卓越的 Web 应用。

在接下来的章节中，我们将讨论如何开始使用 React 和 Next.js。