原文：https://www.smashingmagazine.com/2024/05/forensics-react-server-components/

原标题：# The Forensics Of React Server Components (RSCs)

作者：Lazar Nikolov

快速总结：我们喜欢客户端渲染，因为它减轻了服务器的负担，但仅提供一个空的 HTML 页面会导致初始加载时的用户体验不佳。我们喜欢服务器端渲染，因为它可以通过快速的 CDN 提供静态资源，但不适用于动态内容的大规模项目。React 服务器组件（RSC）结合了两者的优点，作者 Lazar Nikolov 深入探讨了我们是如何走到这一步的，以及 RSC 对页面加载时间线的影响。

过去十年间，Web 应用程序的构建方式已经发生了根本性的变化。我们现在关注的不是页面，而是组件。不再将数据传递给模板进行渲染，而是管理动态状态。我们借助强大的 API，将以前难以解决的一致性错误简化为微不足道的逻辑处理。

然而，有一点基本保持不变，那就是样式。

我可以轻松区分 2014 年与 2024 年编写的代码库，但如果你向我展示样式表，它们似乎都像是最近才编写的一样。这说明 CSS 已经达到了一个相对成熟的阶段，不需要重大变革。然而，前端开发实践和我们所构建产品的规模却在不断演变。对于许多团队来说，样式管理仍然是个未解决的问题。

我见过许多工程师，他们在实现复杂的状态管理时游刃有余，但在正确应用样式和响应式设计时却面临困难。前端开发的独特之处在于它结合了逻辑结构和美学，而 CSS 往往被低估，因为人们认为它是这两者中较为简单的部分。

原文：This Pattern Will Wreck Your React App's TS Performance | Total TypeScript

原标题：This Pattern Will Wreck Your React App's TS Performance

作者：Matt Pocock