在这一节中，我们将学习如何使用不同的测试方法来测试我们的应用程序。这将使我们有信心对应用程序进行重构、构建新功能和修改现有功能，而不用担心破坏当前的应用程序行为。...

# Step by Step GuideCreate Project Folderpnpx create vite@latest my-vite-app -- --template reactcd my-vite-appInstall Tailwind CSS and Other Dependencie...

在之前，了解了如何设置模拟 API，而在本节中，将学习如何通过应用程序消费 API。当我们提到 API 时，指的是 API 后端服务。我们将学习如何在客户端和服务器上获取数据，对于 HTTP 客户端，我们将使用 Axios，并使用 React Query ...

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

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

组件之间就像发动机的各个零件，想要让 React 这台机器运作起来，就要处理好各个零件，也就是各个组件之间的联系，而 props 担任的角色就是将每个组件联系起来。...

Mobx 采用了一种'观察者模式'—— Observer，整个设计架构都是围绕 Observer 展开：

对于 React 渲染，不要仅仅理解成类组件触发 render 函数，函数组件本身执行，事实上，从调度更新任务到调和 fiber，再到浏览器渲染真实 DOM，每一个环节都是渲染的一部分，至于对于每个环节的性能优化，React 在底层已经处理了大部...

Suspense 是 React 提出的一种同步的代码来实现异步操作的方案。Suspense 让组件‘等待’异步操作，异步请求结束后在进行组件的渲染，即异步渲染。

最后，在调和阶段，上述 React element 对象的每一个子节点都会形成一个对应的 fiber 对象，然后通过 sibling、return、child 将每一个 fiber 对象联系起来。