很多技术问题看起来是某个 API 用错了，实际更像一次边界没有提前说清的连锁反应。一个表单页每次切换选项都会触发 useEffect 请求、校验、写缓存和埋点，最后依赖数组没人敢改，这种情况并不稀奇：功能表面能跑，真正进入复杂路径后，隐藏假设才开始一个个冒出来。
这篇文章想讨论的不是把副作用来源讲成一套万能口诀，而是把它放回真实工作里看：哪些规则需要提前定，哪些复杂度可以延后，哪些地方一旦偷懒就会变成排查成本。我的判断是，先把边界收住，再谈抽象、性能或体验，通常更稳。
不是所有变化都要进effect
在一个表单页每次切换选项都会触发 useEffect 请求、校验、写缓存和埋点，最后依赖数组没人敢改这个场景里，能在渲染阶段计算出来的值，不需要用 effect 再 setState 一次。这不是写法洁癖，而是决定问题发生时团队能不能快速定位责任边界。副作用来源如果没有被提前说清，后面的代码、测试和排查都会各自按自己的理解推进。
从机制上看，渲染派生、事件处理、订阅清理、数据请求和依赖数组不是孤立存在的。它们会在一次真实请求、一次页面切换或一次批处理任务里互相影响。理解这一层之后，就能看出为什么useEffect 能接外部世界，但不该替代清晰的事件和状态设计。
落地时建议先做一件小事：先判断这是派生值还是外部同步。这个动作看起来慢，却能把隐藏分歧提前暴露出来。很多线上问题不是因为团队不会写代码，而是因为大家默认的边界根本不是同一个。
这里最容易踩的坑是：把派生值放进 effect，会制造额外渲染和依赖困惑。它通常不会在第一天爆炸，而是在数据量变大、用户路径变复杂、或者某个下游服务变慢时突然出现。到那时再补规则，成本会高很多。
判断这部分做得好不好，不要只看功能是否跑通，而要看删掉一个状态字段时，能预测哪些副作用会变化。如果答案仍然含糊，说明设计还停留在感觉层面，需要继续把条件、异常和责任写具体。
在“不是所有变化都要进effect”这一段里，我更愿意把复杂度摊开放到日志、状态和验收规则里，而不是塞进默认行为。这样做不一定显得聪明，但后续排查会更稳：谁触发、谁处理、失败后谁接手，都能在材料里找到依据。
图里只保留了和副作用来源直接相关的路径，目的不是画全系统，而是帮助你判断问题应该从哪一层开始拆。
用户动作优先放事件里
在一个表单页每次切换选项都会触发 useEffect 请求、校验、写缓存和埋点，最后依赖数组没人敢改这个场景里，点击提交、切换选项、保存草稿都有明确触发点，事件处理比 effect 更直观。这不是写法洁癖，而是决定问题发生时团队能不能快速定位责任边界。副作用来源如果没有被提前说清，后面的代码、测试和排查都会各自按自己的理解推进。
放到“用户动作优先放事件里”这个小节里看，相关机制并不是背景知识，渲染派生、事件处理、订阅清理、数据请求和依赖数组不是孤立存在的。它们会在一次真实请求、一次页面切换或一次批处理任务里互相影响。理解这一层之后，就能看出为什么useEffect 能接外部世界，但不该替代清晰的事件和状态设计。
落地时建议先做一件小事：在 handler 里处理一次性动作。这个动作看起来慢，却能把隐藏分歧提前暴露出来。很多线上问题不是因为团队不会写代码，而是因为大家默认的边界根本不是同一个。
这里最容易踩的坑是：让 effect 观察状态再反推用户动作，逻辑会绕一圈。它通常不会在第一天爆炸，而是在数据量变大、用户路径变复杂、或者某个下游服务变慢时突然出现。到那时再补规则，成本会高很多。
在“用户动作优先放事件里”这里，验收不该只看一句通过，不要只看功能是否跑通，而要看删掉一个状态字段时，能预测哪些副作用会变化。如果答案仍然含糊，说明设计还停留在感觉层面，需要继续把条件、异常和责任写具体。
在“用户动作优先放事件里”这一段里，我更愿意把复杂度摊开放到日志、状态和验收规则里，而不是塞进默认行为。这样做不一定显得聪明，但后续排查会更稳：谁触发、谁处理、失败后谁接手，都能在材料里找到依据。
针对“用户动作优先放事件里”，可以把检查动作落成三项：
先写清本场景里的关键对象：副作用来源。
再标出会影响它的机制：渲染派生、事件处理、订阅清理、数据请求和依赖数组。
最后补上失败时的判断标准：删掉一个状态字段时，能预测哪些副作用会变化。
订阅类副作用要重视清理
在一个表单页每次切换选项都会触发 useEffect 请求、校验、写缓存和埋点，最后依赖数组没人敢改这个场景里，WebSocket、store subscribe、定时器和事件监听都要有清理函数。这不是写法洁癖，而是决定问题发生时团队能不能快速定位责任边界。副作用来源如果没有被提前说清，后面的代码、测试和排查都会各自按自己的理解推进。
放到“订阅类副作用要重视清理”这个小节里看，相关机制并不是背景知识，渲染派生、事件处理、订阅清理、数据请求和依赖数组不是孤立存在的。它们会在一次真实请求、一次页面切换或一次批处理任务里互相影响。理解这一层之后，就能看出为什么useEffect 能接外部世界，但不该替代清晰的事件和状态设计。
落地时建议先做一件小事：把订阅对象写进依赖，并确保 cleanup 对称。这个动作看起来慢，却能把隐藏分歧提前暴露出来。很多线上问题不是因为团队不会写代码，而是因为大家默认的边界根本不是同一个。
这里最容易踩的坑是：忘记清理会让旧页面继续响应事件。它通常不会在第一天爆炸，而是在数据量变大、用户路径变复杂、或者某个下游服务变慢时突然出现。到那时再补规则，成本会高很多。
在“订阅类副作用要重视清理”这里，验收不该只看一句通过，不要只看功能是否跑通，而要看删掉一个状态字段时，能预测哪些副作用会变化。如果答案仍然含糊，说明设计还停留在感觉层面，需要继续把条件、异常和责任写具体。
在“订阅类副作用要重视清理”这一段里，我更愿意把复杂度摊开放到日志、状态和验收规则里，而不是塞进默认行为。这样做不一定显得聪明，但后续排查会更稳：谁触发、谁处理、失败后谁接手，都能在材料里找到依据。
换到“订阅类副作用要重视清理”这一步，图里只保留了和副作用来源直接相关的路径，目的不是画全系统，而是帮助你判断问题应该从哪一层开始拆。
下面这段代码只表达思路，重点不在复制，而在看清边界放在哪里：
- useEffect(() => {
- const unsubscribe = store.subscribe(sync)
- return unsubscribe
- }, [store])
数据请求要有取消和去重
在一个表单页每次切换选项都会触发 useEffect 请求、校验、写缓存和埋点，最后依赖数组没人敢改这个场景里，快速切换参数时，旧请求返回可能覆盖新结果。这不是写法洁癖，而是决定问题发生时团队能不能快速定位责任边界。副作用来源如果没有被提前说清，后面的代码、测试和排查都会各自按自己的理解推进。
放到“数据请求要有取消和去重”这个小节里看，相关机制并不是背景知识，渲染派生、事件处理、订阅清理、数据请求和依赖数组不是孤立存在的。它们会在一次真实请求、一次页面切换或一次批处理任务里互相影响。理解这一层之后，就能看出为什么useEffect 能接外部世界，但不该替代清晰的事件和状态设计。
落地时建议先做一件小事：为请求绑定序号或 AbortController。这个动作看起来慢，却能把隐藏分歧提前暴露出来。很多线上问题不是因为团队不会写代码，而是因为大家默认的边界根本不是同一个。
这里最容易踩的坑是：只靠最后一次 setState 运气不好会出现闪回。它通常不会在第一天爆炸，而是在数据量变大、用户路径变复杂、或者某个下游服务变慢时突然出现。到那时再补规则，成本会高很多。
在“数据请求要有取消和去重”这里，验收不该只看一句通过，不要只看功能是否跑通，而要看删掉一个状态字段时，能预测哪些副作用会变化。如果答案仍然含糊，说明设计还停留在感觉层面，需要继续把条件、异常和责任写具体。
在“数据请求要有取消和去重”这一段里，我更愿意把复杂度摊开放到日志、状态和验收规则里，而不是塞进默认行为。这样做不一定显得聪明，但后续排查会更稳：谁触发、谁处理、失败后谁接手，都能在材料里找到依据。
针对“数据请求要有取消和去重”，可以把检查动作落成三项：
先写清本场景里的关键对象：副作用来源。
在“数据请求要有取消和去重”里标出会影响它的机制：渲染派生、事件处理、订阅清理、数据请求和依赖数组。
为“数据请求要有取消和去重”补上失败时的判断标准：删掉一个状态字段时，能预测哪些副作用会变化。
换到“数据请求要有取消和去重”这一步，图里只保留了和副作用来源直接相关的路径，目的不是画全系统，而是帮助你判断问题应该从哪一层开始拆。
依赖数组不是压警告工具
在一个表单页每次切换选项都会触发 useEffect 请求、校验、写缓存和埋点，最后依赖数组没人敢改这个场景里，删除依赖可以让警告消失，也可能让闭包读到旧值。这不是写法洁癖，而是决定问题发生时团队能不能快速定位责任边界。副作用来源如果没有被提前说清，后面的代码、测试和排查都会各自按自己的理解推进。
放到“依赖数组不是压警告工具”这个小节里看，相关机制并不是背景知识，渲染派生、事件处理、订阅清理、数据请求和依赖数组不是孤立存在的。它们会在一次真实请求、一次页面切换或一次批处理任务里互相影响。理解这一层之后，就能看出为什么useEffect 能接外部世界，但不该替代清晰的事件和状态设计。
落地时建议先做一件小事：先整理函数和状态来源，再决定依赖。这个动作看起来慢，却能把隐藏分歧提前暴露出来。很多线上问题不是因为团队不会写代码，而是因为大家默认的边界根本不是同一个。
这里最容易踩的坑是：eslint disable 应该是最后手段，不是日常写法。它通常不会在第一天爆炸，而是在数据量变大、用户路径变复杂、或者某个下游服务变慢时突然出现。到那时再补规则，成本会高很多。
在“依赖数组不是压警告工具”这里，验收不该只看一句通过，不要只看功能是否跑通，而要看删掉一个状态字段时，能预测哪些副作用会变化。如果答案仍然含糊，说明设计还停留在感觉层面，需要继续把条件、异常和责任写具体。
在“依赖数组不是压警告工具”这一段里，我更愿意把复杂度摊开放到日志、状态和验收规则里，而不是塞进默认行为。这样做不一定显得聪明，但后续排查会更稳：谁触发、谁处理、失败后谁接手，都能在材料里找到依据。
收尾时看这三个信号
第一，看问题能不能被命名。比如这篇里的核心不是泛泛的“优化一下”，而是副作用来源有没有清楚边界。能命名的问题，才容易进入评审、测试和复盘。
第二，看失败能不能被复现。围绕删掉一个状态字段时，能预测哪些副作用会变化设计一组小样本，比等线上偶发问题更可靠。样本不需要复杂，但要覆盖正常、异常、边界和恢复。
第三，看团队能不能做出一致选择。useEffect 能接外部世界，但不该替代清晰的事件和状态设计，这类取舍没有绝对答案，但必须有理由、有记录、有回滚空间。否则今天靠经验放过的点，明天就会变成另一个人看不懂的坑。
真正有价值的工程文章，不是把每个概念都讲满，而是帮读者在下次遇到类似场景时更早地停一下：这件事的边界定了吗，失败路径想过了吗，验收标准能说清吗。只要这三个问题能回答，很多复杂度就已经少了一半。