如何将 ReactJS 与 Magento 2 前端集成？答案

【问题标题】：How to integrate ReactJS with Magento 2 frontend?如何将 ReactJS 与 Magento 2 前端集成？
【发布时间】：2023-12-02 14:07:01
【问题描述】：

我尝试在我的自定义主题中添加 ReactJS，但我不知道如何将 ReactJS 与 Magento 2 前端集成。

我想制作 Magento 2 前端使用 react js 而不是淘汰赛 js。有人知道吗？我可以从哪里开始？如何实现？

【问题讨论】：

标签： reactjs magento2

【解决方案1】：

一般来说，您可以使用 graphQL API（带有 Apollo 客户端）。

出于 SEO 原因，应使用 SSR（服务器端渲染）。为了简单（和速度），您可以使用 Gatsby 并将 Magento 视为无头 CMS。几天前我找到了tutorial for that。

购物车/订单处理可以使用标准模板完成（为简单起见）。

【讨论】：

【解决方案2】：

对于 React JS 与 Magento 2 的集成，你需要特殊的方法。本模块展示了如何将 Magento 2 与 WebPack 集成以进行 React 和 JSX 编译。这个模块提供了这个机会，如果你捆绑的 js 文件有变化（实时重新加载），它会自动部署和重载磁页面 - https://github.com/Genaker/reactmagento2

【讨论】：