使用React框架的开发过程中，我们常常会使用两种方式调用组件：一种是组件式，另一种是函数式，但是这两种用法究竟有何不同？

Hooks 提供了更清晰、可组合的方式来处理组件的状态和逻辑，随着项目的逐步迭代，开发者在实践中逐渐体会到 Hooks 的优势。越来越多的开发者熟悉并纷纷加入 Hooks 的行列。

大型前端项目往往存在几千个组件，多个代码库。这些组件和代码库，构成几十个甚至上百个路由页面。 无论是新同学或者是老同学，在定位问题或者是开发页面的时候需要寻找对应的源代码。这个问题应该怎么解决？

传统网络请求创建 Promise 后，会立即使用 useEffect 消费掉 Promise 转换成 loading & data || error。而现在，你应该在组件内或跨组件传递 Promise。

Taro 3从之前的重编译时，到现在的重运行时，解决了架构问题，可以用 react、vue 甚至 jQuery 来写小程序，但也带来了一些性能问题。

本篇文章将带你了解如何使用 RGL（React Grid Layout），以及核心功能断点布局、网格布局、以及缩放、拖拽功能的代码实现。

The typing animation effect is a very popular effect on the web. It can be used to create a chat, a loading animation, or just to add a bit of dynamism to your website.

Since OpenAI has released ChatGPT (already almost a year!), we can see this effect more than ever. For a project, I had to create a similar effect, and I thought it would be a good idea to share it with you.

本文主要介绍一些 React 的设计模式，以及在具体的开发中是如何使用这些模式。

React.lazy 主要用于实现组件的动态加载，从而减少初始加载时间并提高应用的性能。在 React 应用中有较大的组件需要加载时，使用 React.lazy 可以帮助我们优化性能，只在需要时才加载这些组件。这对于减少初始加载时间和减轻页面负担非常有帮助。

本文主要介绍 React 的并发特性是如何提高应用程序的性能，例如过渡（Transitions）、Suspense和React Server Components。

"渐进式的页面渲染"：商旅大前端在新版 SSR 框架中关于 Streaming 的对比和探索。

在了解react hooks的类型之前，有必要先了解一下@types、.d.ts文件的概念及作用。

Integrating React's Concurrent features into Zalando's web framework. In this post we go over our solution design, early benchmarks, and some useful tips about common hydration mismatch errors.

React 是一个声明式、高效、灵活的用于构建用户界面的 JavaScript library，本文主要对 React 带来的三个颠覆性理念一一展开介绍。

在开始今天的文章之前，大家不妨先想一下触发 React 组件 re-render 的原因有哪些，或者说什么时候 React 组件会发生 re-render。

useMemo 是 React 中的一个 Hooks 函数，用于缓存计算结果，以避免不必要的重复计算。它接受一个函数和一个依赖数组作为参数，并返回一个缓存的值。当依赖数组中的任何一个值发生变化时，useMemo 将重新计算并返回新的缓存值。