在多页网站上进行反应

Question

我在多页网站上创建了一个React App，但我不知道如何将它集成到我们的网站上。

问题说明

1. 用户加载网站“/”（首次加载时不涉及反应代码）

2. 用户点击链接“/ appReact”

3. _“/ appReact”页面加载页面和React应用程序代码

4. React应用程序向服务器发送ajax请求

5. 最后，React应用程序获取数据并自行呈现

步骤3和4使加载非常慢。 第3步延迟是由网站的多页性造成的。 第4步延迟是由服务器的响应引起的

可能的解决方案

我可以尝试许多不同的解决方案或将它们合并，但我不确定这是否是正确的方法。

优化反应应用程序以使ajax加载程序更快

在我的情况下，我可以这样做但不是真正的问题。

在用户加载网站（“/”）

时加载React应用程序

这可以改进第4步，但我们会在网站上继续使用React应用程序。

结合使用多路网站

使用react路由器

我不知道是否可以这样做。 React-router可以处理url以加载不同的应用程序，但我不知道是否可以在多站点页面中执行而不影响站点。

使用jquery

的技巧

我有这种诱惑来绑定点击（第2步）并隐藏页面内容以运行react应用程序。这将模拟单页应用程序，但是是一个补丁。我想要更可靠的东西。

有什么建议吗？

Answer 1

您可以尝试React Habitat

这样，您可以在页面加载时直接将属性传递给React App，而不需要额外的ajax请求。