还共同领导了当地地区的无障

rmruhul

开发者关系团队的首席工程师。此前，她曾参与开源 axe-core 辅助功能测试库的工作，并且还曾在 Adob​​e 担任辅助功能工程师。她热衷于为残疾人改善网络，并经常在会议上谈论这一问题。2016 年，O'Reilly 因其在无障碍方面的工作而获得了网络平台奖。

德鲁：她碍西雅图和西北科技女性聚会。所以，我们知道她是一位熟 电报号码数据 练的工程师和无障碍专家。但你知道她想把它装在桶里寄到天使瀑布吗？我的好友们欢迎玛西·萨顿。

玛西·萨顿：你好。

德鲁：你好。马西。你好吗？

马西：我要崩溃了 你好吗？

德鲁：我很好。谢谢。今天我想和你们谈谈盖茨比。因为它出现在我在前一集中与 Mina Markham 学习 React 的对话中。我意识到我正面临着像互联网上的典型人那样对我没有直接经历过的事情发表意见的危险。所以这不是我们在 Smashing 做事的方式。

德鲁：我想确保我们正确报道盖茨比。还有什么比与了解这件事的内行人士交谈更好的方法呢？所以，假设我可能听说过盖茨比这个名字。但我不知道在构建网站时它在堆栈中的位置。盖茨比究竟是什么？

马西：Gatsby 是一个网站生成器，目前使用 React。但它会为你创建一个静态网站，然后将其重新水化为完整的 React Web 应用程序。因此，通过快速构建，您可以真正获得两全其美的效果，您正在编译可以快速加载给用户的 HTML 文件。然后，您可以使用 JavaScript 获得所有这些增强功能，从而制作真正的交互式动态 Web 应用程序。

马西：所以，这是一个非常令人兴奋的领域。我一直在文档方面的学习方面工作，现在在 Devrel 团队中，我专注于使其尽可能好，了解 JavaScript 的可访问性挑战，并且只是试图从内到外修复它。



德鲁：我想，我们中的许多人都会熟悉静态站点生成器的概念。盖茨比似乎很适合这个角色。但对我来说，它似乎比大多数 SSG 走得更远。大多数站点生成器与前端代码无关。看起来，使用 Gatsby，您最终会得到 Gatsby 代码作为您网站的一部分运行。这是一个公平的评价吗？如果是这样，盖茨比实际上在你的前端做了什么事情？

马西：是的，我想说其中最重要的部分是客户端路由。所以，Gatsby 现在正在幕后使用reach 路由器。它有自己的实现。但这就是当您第一次加载静态站点时，那里有 HTML 文件。因此，如果用户出于某种原因关闭 JavaScript，您的网站应该仍然存在，仍然有内容。

马西：但是，如果启用了 JavaScript，那么当您使用 Gatsby 站点中的链接时，就会发生此水合步骤，它将从该页面预获取资源，因此加载速度会更快。所以，这一切都可以通过 Gatsby 为您提供的 JavaScript 层来实现。除此之外，这实际上取决于您在站点中使用的内容最终会出现在 JavaScript 包中。

马西：但对于需要大量交互性的事物（例如可访问的界面）来说，这是一个好地方。对我来说，我真的很喜欢随时可以使用 JavaScript，并且让我的标记处于最佳位置。我知道这是一个偏好问题，无论您是否希望 HTML、JavaScript 和 CSS 都整齐地耦合在一起，并且在构建 Gatsby 时还有变化的空间

马西：您不必总是使用 CSS 和 JS 之类的东西。但这实际上是为了获得动态 JavaScript 层的强大功能，在您编写网站时可以使用它。它不像这个添加在单独的文件中。