主要观点：React 的 useDeferredValue 是优化应用性能的强大工具，可将 UI 分为高优先级和低优先级区域，解决诸如“Shadow Palette Generator”中的性能问题。
关键信息：

• 原“Shadow Palette Generator”中 UI 控制需即时反馈，导致语法高亮代码片段每秒重算多次，造成卡顿，需优化。
• useDeferredValue 工作原理：通过允许 React 在重要事件发生时中断自身，将状态变化拆分为高优先级和低优先级部分，先更新重要部分，再处理低优先级部分。
• 需注意 useDeferredValue 与 React.memo()配合使用，只有被 React.memo()包裹的低优先级组件才会受益于 useDeferredValue。
• 可对渲染中的派生值（如生成的 CSS 代码）使用 useDeferredValue，不一定局限于状态变量。
• 可通过比较 count 和 deferredCount 来判断 UI 部分是否陈旧，以显示加载指示，但需根据具体情况决定是否使用。
• React 19 中 useDeferredValue 可指定初始值，有可能加快初始渲染。
  重要细节：
• 在“Shadow Palette Generator”示例中，通过 useDeferredValue 优化后，高端设备上体验流畅，低端设备（如 110 美元的 Intel Celeron Acer 笔记本）也有改善，代码片段在交互结束后才更新。
• “The Joy of React”课程专注于学习 React 的“灯泡时刻”，构建对 React 工作原理的直觉，帮助有效使用 React 构建丰富动态的 Web 应用。