reactjs - 使用应用程序外壳架构的服务器端渲染和离线优先

Question

如何同时利用 SSR 和离线优先功能并将这两种技术融合在一起？

SSR 能够渲染我的 javascript 模板，以更快、无闪烁地加载应用程序，最重要的是，它可以使任何页面对 SEO 和 NOjavascript 友好，这对于搜索引擎、社交网络爬取我们的网站并提供更好的页面可访问性非常重要。

离线第一服务工作者将使我能够存储我的应用程序的外壳，也许还有一些页面内容。

对于应用程序外壳架构，我相信您希望您的服务器提供一个简单的 index.html 文件，该文件可以很容易地被服务人员缓存一次。但是，使用 SSR，您将提供一个动态呈现的页面，该页面会根据路由发生的变化而变化，因此您最终会缓存每个页面！

Answer 1

我现在也有同样的困境。我还没有开始开发，但是我做了一些研究，找到了一些线索，发现这篇文章，仍然是一般的，但是有 react 和 virtual dompwa的例子，关键是pokedex (virtual dom)例子。

如您所见，他们使用了一个网络工作者（pwa 实际上并不需要，因为它与服务工作者不同）。现在，我不能再告诉你了，你应该明确阅读有关 pokedex 的帖子，并检查源代码，也许可以尝试使用 webworker 方法。