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

35 技术 lddgo 分享于 2024-08-30

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

30 技术 lddgo 分享于 2024-08-15

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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