cellinlab

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

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

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

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

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

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

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

如何测试组件，测试在每个 Web 应用程序中都非常重要，即使在 React 中也是如此，特别是在其组件方面。 有两种方法可以实现这一点，包括以下内容： 功能测试 和 渲染测...

React 设计模式 0x7：学习如何轻松构建可伸缩的 React 应用程序：构建可伸缩的应用程序。...

在大多数 React 应用程序中，应用程序需要来自 API 或服务器的数据才能正常运行。也会将数据从应用程序提交到服务器以接收某种响应。...

SSR（Server-Side Rendering，服务器端渲染）是指将 React、Vue、Angular 等客户端渲染的应用在服务器端执行一次，然后将渲染结果返回给浏览...

组件样式 在每个 Web 应用程序中，样式化非常重要，因为样式使其对用户非常有吸引力，并为用户提供良好的体验。在 React 中有不同的方法来实现这一点。...

学习如何轻松构建可伸缩的 React 应用程序之 Ract Hooks。React Hooks 是在函数式组件中使用的生命周期方法，React Hooks 在 React ...

学习如何轻松构建可伸缩的 React 应用程序系列 之 编写整洁和可维护的代码。为什么要编写整洁的代码？...

React 设计模式系列 0x1 —— 学习如何轻松构建可伸缩的 React 应用程序 之 编写组件...

React 设计模式系列——学习如何轻松构建可伸缩的 React 应用程序 0x0：典型反例和最佳实践...

在许多实时视频应用场景中，我们需要动态生成实时视频流并将其推送到 RTMP 服务器。例如，我们可能需要生成一个实时显示当前时间的视频流，或者在游戏直播时显示实时弹幕等。...