React 性能优化技术（第一部分）
原文英文，约2500词，阅读约需9分钟。
📝
内容提要
React 是一个用于构建用户界面的库，以虚拟 DOM 提升 UI 更新效率。但在大型应用中，频繁渲染可能影响性能。为此，React 提供了列表虚拟化、延迟加载和记忆化等技术，优化性能和用户体验。
❓
Q&A
React 的虚拟 DOM 是什么？
虚拟 DOM 是真实 DOM 的内存表示，React 通过比较当前虚拟 DOM 和之前快照来检测变化，从而只更新变化的部分。
如何在 React 中实现列表虚拟化？
可以使用 react-window 或 react-virtualized 库来实现列表虚拟化，这样只渲染可见部分，提高性能。
延迟加载技术有什么好处？
延迟加载可以改善初始页面加载时间，提升用户体验，并节省带宽，因为只有用户可见的图像会被加载。
React 中的记忆化技术是如何工作的？
记忆化通过缓存计算结果，避免不必要的重新渲染和重新计算，主要通过 useMemo、memo 和 useCallback 实现。
使用 useMemo 有什么好处？
useMemo 可以缓存函数调用的结果，避免在依赖项未变化时重复计算，从而提高性能。
React.memo 是什么，它有什么作用？
React.memo 是一个高阶组件，用于记忆功能组件，确保只有在 props 变化时才重新渲染，从而优化性能。
🏷️
