返回首页Code & Craft

Tech Notes

技术文章

记录开发中的思考、实践和踩坑过程。每一篇文章都是一次可复用的经验沉淀。

精选阅读
Redux 的原理和工作中常用方式
React2026年6月13日7 分钟阅读

Redux 的原理和工作中常用方式

这篇笔记记录一下我对 Redux 的理解。 我刚开始学 Redux 时，最困惑的是它看起来很绕： 后来写多了以后发现，Redux 不是为了让简单事情变复杂，而是为了让状态变化变得可追踪。 它最核心的思路可以压缩成一句话： Redux 解决什么问题 React 组件里可以直接用 useState。 小项目这样写完全没问题

阅读文章

最新文章

4 篇文章
React2026年6月13日23 分钟阅读

用自定义 Hook 复用 React 里的状态逻辑

这篇笔记记录一下我在工作中逐渐开始使用 React 自定义 Hook 的过程。 写 React 页面时，经常会碰到一些重复逻辑。 有些逻辑和 UI 交互有关，比如： 鼠标是否移动到某个元素上。 点击元素外部时关闭弹窗。 窗口宽度变化时更新布局。 页面滚动到某个位置后显示返回顶部按钮。 还有一些逻辑和数据处理有关，比如：

React2026年6月12日14 分钟阅读

从 `div` 到 `Flex` 理解 React 小组件的价值

这篇笔记记录一下我刚开始写 React 时，对组件封装逐渐改变的理解。 我一开始写页面，总是在业务组件里直接写很多 div： 这样写当然没有问题。HTML 能正常渲染，CSS 也能实现想要的效果。 但是写多了以后，总感觉哪里不太对。 每次看业务代码，都要在一堆 div、className 和样式之间来回判断： 这个 d

React2026年6月12日20 分钟阅读

从类组件到 Hook 理解 React 的数据驱动渲染

从类组件到 Hook 理解 React 的数据驱动渲染 这篇笔记记录一下我对 React 状态和页面渲染方式的思考。 刚开始学习 React 时，我知道一句很常见的话： 简单来说，就是不要到处手动修改页面，而是先修改数据，再让 React 根据数据重新计算页面应该长什么样。 后来我又接触了类组件、函数组件和 Hook，