为什么需要Node JS来执行React JS

Question

为什么我们需要 Node js 来进行 React？我的意思是我们在浏览器中执行 React，并且您已经有了 javascript 引擎来执行 js 文件。

为什么要求我们先安装node js，然后再安装react？

是不是因为我们使用npm命令安装react并且使用了node js？

我还没有找到有用的资源，但他们确实说这是因为 SSR

Answer 1

由于多种原因，

Node.js

确实在

React.js

生态系统中常用，但在浏览器中执行 React.js 代码并不是绝对必要的。

构建工具：React 应用程序通常使用 Webpack 或 Parcel 等构建工具来捆绑 JavaScript 文件、优化资产以及执行其他任务，例如将 JSX 转换为 JavaScript。这些构建工具通常通过

Node.js

和

npm

（节点包管理器）安装和运行。因此，虽然 React 代码本身可以在浏览器中运行，但它周围的工具通常需要 Node.js。

服务器端渲染（SSR）：您提到了 SSR，这是 Node.js 经常与 React 联系在一起的重要原因之一。 SSR 涉及在服务器端渲染 React 组件并将生成的

HTML

发送到客户端。

Node.js

以其

non-blocking I/O

和

event-driven

架构，非常适合构建能够高效处理SSR的服务器。虽然 SSR 不是 React 应用程序的必需条件，但它可以提高性能、SEO 和初始页面加载时间。

开发环境：

Node.js

为开发React应用程序提供了便捷的环境。 Create React App、Next.js 和 Gatsby 等 React 开发中流行的工具依赖 Node.js 来设置和运行开发服务器、管理依赖项以及执行各种开发任务。

通用 JavaScript：“通用”或“同构”JavaScript 的概念（代码可以在客户端和服务器上运行）在 React 生态系统中很普遍。 Node.js 通过允许开发人员编写可以在服务器（对于 SSR）以及浏览器中执行的 JavaScript 代码来实现这一点。 因此，虽然 React 代码本身确实可以在没有 Node.js 的浏览器中运行，但围绕 React 的更广泛的生态系统通常依赖 Node.js 进行开发、构建流程、SSR 等。这就是为什么在使用 React.js 项目时通常建议安装 Node.js。