• ARTICLE
  • STRING
  • CONVERTER
  • ENCRYPT
  • NETWORK
  • MORE
    CHART
    MATH
    COORDINATE
    IMAGE
    FILE
  • ARTICLE
    STRING
    CONVERTER
    ENCRYPT
    NETWORK
    MORE
    CHART
    MATH
    COORDINATE
    IMAGE
    FILE
logo Online Tools
All Chinese English Newest Hottest
46 search results Contribute

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

5 Technology lddgo Shared on 2024-05-17

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

9 Technology lddgo Shared on 2024-04-26

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

17 Technology lddgo Shared on 2024-02-02

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

13 Technology lddgo Shared on 2024-02-01

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

11 Technology lddgo Shared on 2024-01-25

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

12 Technology lddgo Shared on 2024-01-16

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

18 Technology lddgo Shared on 2024-01-11

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

14 Technology lddgo Shared on 2024-01-04

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

22 Technology lddgo Shared on 2023-11-23

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

15 Technology lddgo Shared on 2023-11-20