将现有站点转换为 React JS(将 ReactJS 添加到现有网页)

Converting existing site to React JS (Adding ReactJS to existing webpage)

我对前端 Web 开发有点陌生,但有一个问题对我来说很有趣。

我有一个简单的 vanila html+css+js 网站,我想在其中使用 React 集成一些操作(个人资料页面、自定义电子商务、结帐等)。

正如我遵循的this tutorial一分钟添加 React), 我已经成功地将 React 组件“插入”到网页中。但是普通的reactjs应用程序可以使用安装的库,使用props来传递数据。

所以,基本上,问题是如何 运行 这个网页的反应方式将能够处理库安装(常见 npm i 示例)以便能够导入它们和像 npx create-react-app my-app

创建的普通 React 应用程序一样工作

您可以通过 CDN link 使用库,就像您通过 script 标签将 React 添加到您的网站一样。最后,我认为您正在寻找使用 JSX-syntax 时获得的开发人员体验,这将需要您重写现有的应用程序,通过使用您提到的命令 npx create-react-app <app-name>.[= 设置节点项目来实现。 12=]

JSX 必须编译为常规 JavaScript 以便浏览器可以正确解释它们,就像将 C++ 程序编译为二进制文件一样。