你真的用对了 useRef 吗？在与 TypeScript 一起使用、以及撰写组件库的情况下，你的写法能够避开以下所有场景的坑吗？

38 技术 lddgo 分享于 2024-08-09

卡顿减少 95% — 记一次React性能优化实践（性能篇）

52 技术 lddgo 分享于 2024-05-17

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

45 技术 lddgo 分享于 2024-04-26

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

67 技术 lddgo 分享于 2024-02-02

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

52 技术 lddgo 分享于 2024-02-01

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

49 技术 lddgo 分享于 2024-01-25

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

52 技术 lddgo 分享于 2024-01-16

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

50 技术 lddgo 分享于 2024-01-11

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

50 技术 lddgo 分享于 2024-01-04

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

47 技术 lddgo 分享于 2023-11-23