先看两个例子，例子除了React版本外没有不同，列表有5000个元素，元素中的文字会随着用户进行输入的内容而改变，执行相同操作，也就是输入从1到9变为'123456789'，可以看到上下两张图，展示上会有不同的效果，其中上图为React15.7版本的例子，下图为React16.8版本的例子，可以看出React16.8的例子比React15.7的例子流畅。

2 Technology lddgo Shared on 2024-04-26

useEffect是React提供给我们的一个“逃生舱”，是React 的纯函数式世界通往命令式世界的“逃生通道”，选择合适的时机使用useEffect会让我们的代码既优雅又高效，反之会造成不必要的负担。

14 Technology lddgo Shared on 2024-02-02

Hooks 是 React 16.8 版本引入的一项特性，它允许在函数式组件中使用状态和其他 React 特性，而不需要使用类组件。Hooks 就是钩子，作用是把某个目标结果钩到某个可能会变化的数据源或者事件源上，那么当被钩到的数据或事件发生变化时，产生这个目标结果的代码会重新执行，产生更新后的结果。

10 Technology lddgo Shared on 2024-02-01

作为一名 React 开发者，你可能会面临下面几个问题： 如何构建一个高复用度性的组件，使其适应不同的业务场景？ 如何构建一个具有简单 API的组件，使其易于使用？ 如何构建一个在 UI 和功能方面具有可扩展性的组件？ 为解决上述问题，下面介绍五种 React 组件设计模式，并对比它们的优缺点。

8 Technology lddgo Shared on 2024-01-25

你的useMemo真正为你的项目带来了多少性能上的优化？由于useMemo和useCallback类似，所以本文全文会在大部分地方以useMemo为例，部分例子使用useCallback帮助大家更好的理解两个hooks。

8 Technology lddgo Shared on 2024-01-16

fiber是react的基本工作单元，所有的操作都要基于它实现。其实fiber就类似一个个element元素，react的工作流程其实就是遍历fiber tree。

15 Technology lddgo Shared on 2024-01-11

条件渲染在React开发中非常重要的功能，它允许开发人员根据条件控制渲染的内容，在创建动态和交互式用户界面方面发挥着至关重要的作用，本文总结了常用的的条件渲染方法。

11 Technology lddgo Shared on 2024-01-04

怎么理解 React Server Component 和 Next.js 的关系

20 Technology lddgo Shared on 2023-11-23

我们的主项目代码库目前已经有 2800 多个组件。数千个组件构成几十个路由页面。 无论是新同学或者是老同学，在定位问题或者是开发页面的时候寻找对应的源代码都相当痛苦。搜文案？搜 class？都发现有大量的重复。针对这个问题我调研了下业内相对应的解决方案。发现目前已经有一些工具或者 npm 包解决这个问题，本文就和大家分享下。

13 Technology lddgo Shared on 2023-11-20

你应该在 React 中传递 Promise

17 Technology lddgo Shared on 2023-10-18