• 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
54 search results

React 开发使用单一职责原则

6 Technology lddgo Shared on 2025-02-13

本文翻译自 Open-Closed Principle in React: Building Extensible Components,主要是在 React 应用的背景下讨论开闭原则。

24 Technology lddgo Shared on 2025-02-05

Tree Shaking 是现代 JavaScript 应用中不可或缺的优化技术,它通过移除未使用的代码来减少最终打包的大小。对于 React.js 应用,这一技术尤为重要,因为随着组件和第三方库的增多,打包体积可能迅速膨胀。Tree Shaking 能显著提升加载速度并改善整体性能。 本文将结合 React.js 的具体案例,详细讲解 Tree Shaking 的原理、最佳实践以及如何应用,助你优化代码。

23 Technology lddgo Shared on 2025-01-16

当我们使用 React 等框架构建复杂、交互频繁的应用时,组件的频繁重渲染可能会给用户体验带来显著的性能损耗。开发者往往需要投入相当的精力来分析状态管理、组件拆分、组件缓存以及减少不必要的渲染次数。为了解决这一系列问题,诞生了许多性能优化工具和方法,其中便包括了最近热度很高的 react-scan,一个致力于对 React 状态变化进行精细化“扫描”的库。

26 Technology lddgo Shared on 2025-01-09

解析 React 渲染原理

34 Technology lddgo Shared on 2024-12-12

SOLID 原则是我很早就学习到的软件设计概念,但是直到今天,它们仍然在我的职业生涯中发挥作用。如果不是因为它们,也许我永远不会关注我的代码质量和项目结构。尽管它们适用于面向对象开发,但无论我使用何种环境和模式,我总是将它们牢记在心。其中有一个 SOLID 原则是我在任何地方都能成功应用的,那就是接口隔离原则(ISP)。

45 Technology lddgo Shared on 2024-08-30

本文将详细介绍如何使用 React 的 Context API 优雅地实现多主题切换,解决 props 穿透问题,并避免不必要的重新渲染。通过具体的示例代码,展示如何在浅色和深色模式之间切换,并探讨在实际项目中管理多个 Context 的最佳实践。

42 Technology lddgo Shared on 2024-08-15

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

37 Technology lddgo Shared on 2024-08-09

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

51 Technology lddgo Shared on 2024-05-17

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

44 Technology lddgo Shared on 2024-04-26