我们可以在纯粹基于 Javascript/Jquery 构建的网站的特定页面上实现 ReactJs 吗？答案

【问题标题】：Can we Implement ReactJs on a particular page of a website which is purely built on Javascript / Jquery?我们可以在纯粹基于 Javascript/Jquery 构建的网站的特定页面上实现 ReactJs 吗？
【发布时间】：2020-10-11 12:36:34
【问题描述】：

对 ReactJs 有疑问，我们可以在一个主要使用纯 javascript 和 Jquery 构建的网站的特定页面上使用 ReactJs 实现一个小功能吗？

例如，我在一个网站上工作，该网站有一个

用 Shopify 实现的电子商务平台，现在我想用 ReactJs 做一个小功能。你可以考虑它是一个 Reactjs 的迷你/微型应用程序

【问题讨论】：

我会这么认为。 ReactDOM 要求使用特定元素作为根。这可能是页面某处的一个小元素，而不是整个页面。
可以，只要定义你要渲染这个微应用的节点即可
实际上，问题是整个网站都是建立在液体模板引擎上的，所以我认为我们不能访问任何节点，甚至我们可以以某种方式定位任何 div，其中包含 Javascript 文件会有 React 吗？
在服务器上使用 Liquid 模板这一事实无关紧要。您可以将 React 元素渲染到 DOM 中。您可以在主题 > 编辑代码 > 资产 > 添加资产下将 JS 文件上传到您的 Shopify 主题。（说明：Shopify 服务器正在将流动模板呈现为 HTML 字符串（准确地说：MIME 类型为 text/html 的二进制流，通常采用 UTF-8 编码）。浏览器收到 HTTP 响应后，会为每个 HTML 创建 javascript 节点元素并最终构建 DOM。）

标签： javascript jquery reactjs shopify shopify-template

【解决方案1】：

首先，ReactJS 只是用于您的用例的前端代码，因此您可以依靠 ReactJS 实例化时存在的 DOM。因此，如果您的客户/客户能够负担得起下载 ReactJS 以支持您的微功能对客户体验的影响，那么您可以使用 JS 做什么是没有限制的。您可能会发现仅在纯 JS 中呈现您的小功能更好，以保持紧凑和快速。

【讨论】：