React

日常开发 check-list

• 组件函数内部是否定义了其他组件？（不要！）
• useState 更新对象时是否展开了旧值？（...prev）
• 列表渲染是否用了稳定的 key？（不用 index）
• useEffect 依赖项是否完整？（让 ESLint 帮你检查）
• 传给 React.memo 组件的 props 是否用 useCallback / useMemo 稳定了引用？
• 大对象 state 是否拆成了独立 state？（按职责拆分）
• 组件卸载时是否清理了副作用？（取消订阅、清除定时器）
• && 左边是否可能为 0 或 ''？（用 !! 或 > 0 防御）