React 性能优化清单（2025 版）

• 组件粒度与状态归属
• React.memo 与 useMemo 正确使用
• 列表虚拟化与窗口化
• 代码分割与懒加载

// 避免子组件不必要渲染
const Child = React.memo(function Child({ value }) {
  return <div>{value}</div>
});

function Parent({ items }) {
  const expensive = React.useMemo(() => compute(items), [items]);
  return <Child value={expensive} />
}