#React #文章 介绍了如何在使用 React 的 <Suspense> 进行服务器端渲染（SSR）时，通过 useSyncExternalStore 避免水合不匹配问题，但指出其会触发非并发渲染导致用户体验问题。作者提出通过 useDeferredValue 实现并发的 `useSyncExternalStore`，优化用户体验和性能，并提供了实践示例。

https://kurtextrem.de/posts/react-uses-hydration
kurtextrem.de
Concurrent Hydration with useSyncExternalStore
Concurrent Hydration with useSyncExternalStore
Pair useSyncExternalStore with useDeferredValue and memoization to keep hydration concurrent and INP friendly.
 
 
Back to Top