cellinlab

不要盲目追求“小而美”！对独立开发者和超级个体来说，更稳妥的选择是“大市场，小场景”，快速试错，快速迭代。

本篇将介绍六种流行的 API 架构风格，包括 SOAP、RESTful、GraphQL、gRPC、WebSocket 和 Webhook。将深入探讨其优点、缺点以及适用场景，并提供相应的 DEMO 。

在本节中，我们将构建应用程序的身份验证系统，允许用户认证并访问受保护的资源在管理控制台中。我们还将创建一个 toast 通知系统，以便在发生我们希望通知用户的操作时向他们提供反馈。

在本节中，将学习如何通过应用程序消费 API，如何在客户端和服务器上获取数据，对于 HTTP 客户端，将使用 Axios，并使用 React Query 库来处理获取到的数据。

这一节，将试着模拟数据接口，学习如何使用 msw 库来 mock API 接口。msw 是一个很好的工具，它允许我们创建 mocked API 服务，并且这些服务的行为与真实的 API 服务一样。

这一节，将学习 Next.js 中的路由工作原理以及可以使用的渲染方法，以充分利用 Next.js 的特性。然后，我们将学习如何配置每个页面的布局，使应用程序看起来和感觉像一个单页应用程序。

在 React 中，所有的东西都是组件。这种范式允许我们将用户界面拆分成更小的部分，从而更容易开发应用程序。它还启用了组件的可重用性，因为我们可以在多个地方重复使用相同的组件。

在上一节中，我们看到了构建 React 应用程序时的所有挑战以及一些可以帮助我们处理这些挑战的很好的解决方案。在这一节中，我们将查看项目结构和初始化工具，这些工具构成了我们项目的良好基础。

尽管 React 非常灵活，但对于定义一个良好的应用程序架构可能具有挑战性。因此，做出正确的架构决策对于任何应用程序的成功至关重要，特别是当它需要变更或随着规模的扩大、用户数量的增加以及参与的人变多。