在 React 中，"Ref" 具有两个相关的含义，而且经常让人困惑。在本文正式开始之前，我们先弄清楚它的定义： 作为 useRef hook 返回的 “ref 对象”：在这种场景中，它就是一个普通的 JavaScript 对象，具有一个名为 current 的属性，并且可以读取或设置为任意值。 作为 JSX DOM 元素上的 “ref 属性”：用于访问其对应的 DOM 元素 这两者经常一起使用，“ref 对象” 可以传递给 “ref 属性”，React 会将对 DOM 元素设置为它的 current 属性值。
useState 是我们使用最频繁的 React hook，在代码中随处可见，但是也经常会出现一些错误的用法。 或许你已经经历过这些错误的用法，但是可能还没有意识到这是错误，比如写出了一些冗余的、重复的、矛盾的 state，让你不得不额外使用 useEffect 来处理它们。由于这些错误用法的存在，会让代码的可读性变差，提高了代码的维护成本。
React 18 提供了一种新的 SSR 渲染模式： Streaming SSR。通过 Streaming SSR，我们可以实现以下两个功能： Streaming HTML：服务端可以分段传输 HTML 到浏览器，而不是像 React 18 以前一样，需要等待服务端渲染完成整个页面后才返回给浏览器。这样，浏览器可以更快的启动 HTML 的渲染，提高 FP、FCP 等性能指标。 Selective Hydration：在浏览器端 hydration 阶段，可以只对已经完成渲染的区域做 hydration，而不需要等待整个页面渲染完成、所有组件的 JS bundle 加载完成，才能开始 hydration。这样可以更早的对已经完成渲染的区域做事件绑定，从而让页面获得更好的可交互性。
