关于 React 和 JavaScript 的链接 II

• 如何将 Vite 构建工具与 React 一起使用 — Vite 很流行，部分原因是它基于 esbuild 并且速度极快。它来自 Vue 名人 Evan You，但它不是特定于 Vue 的工具。在这里，NARUHODO 涵盖了如何配置它以与 React 一起使用。
• React 架构：如何构建和组织 React 应用程序 — Tania Rascia 提供了关于项目结构的“有主见指南”。在我看来，它看起来很不错。我喜欢 @ 导入别名。看起来它将很好地支持单仓库环境。我也喜欢全局组件与可重用组件（这里称为“组件”）以及视图与页面之间的区别。我可能会将其分为三个：库组件（没有全局状态，没有查询/变异，更多设计性和有意地可重用）、项目组件（业务逻辑，全局状态，不太可重用）和页面（与路由相关的）。
• React 18 中没有的新功能 — Benny Powers 对 React 缺乏 <web-components /> 支持有点生气。我同意这是不幸的，因为 Web 组件在某些方面做得很好，而 React 在某些方面做得很好，看到它们成为伙伴会很棒。
• React 如何获得关注 — 考虑到上面的链接，这有点讽刺… Shawn Wang 和 Pete Hunt 在这个播客中谈论了 React 的历史以及它如何变得如此流行：“React 如何克服了它的黑粉：通过倾听。”
• React 中的复合组件 — Ichoku Chinonso 涵盖了这种非常有用的模式。一些组件是根据其他一些小组件的集合构建的（例如 Tab、TabBar、Tab、TabPanels、TabPanel），并且使用复合组件模型，您可以获得更多灵活性、逻辑导入和整体使用。我对这种模式的起源感到好奇。我知道 Ryan Florence 在 2017 年谈论过它，而且我第一次看到它们是在这个 Kent Dodds 文章 中。在 Google 上搜索，有很多关于它的随机文章。也许它来自更深层的计算机科学概念？
• 重水合的危险 — Josh Comeau 涵盖了一个我在过去几周中不得不多次与之斗争的错误：React 看起来完全无法构建 DOM。例如，在 JSX 中清楚地嵌套在父元素中的元素出现在父元素中，或者好像你忘记关闭一半的 HTML 元素，浏览器非常困惑。问题来自尝试进行服务器端渲染 (SSR) 和客户端渲染 (CSR)，这会混淆重水合。来自 SSR 的 DOM 在 CSR 接管时不匹配。幸运的是，有一些相当直接的技巧可以解决它。