如果 nodejs 是服务器端脚本语言，那么它如何在 ReactJs 或任何其他前端语言中使用答案

【问题标题】：If nodejs is Server side scripting language then how it is used in ReactJs or any other Front end language如果 nodejs 是服务器端脚本语言，那么它如何在 ReactJs 或任何其他前端语言中使用
【发布时间】：2021-05-04 16:33:26
【问题描述】：

如果 Node 是服务器端脚本语言，那么它如何用于创建像 npx create-react-app 或 npx create-nuxt-app 这样的前端应用程序？

【问题讨论】：

这些命令不在用户的浏览器中运行...

标签： node.js reactjs angular vue.js npm

【解决方案1】：

在使用 React JS 或任何其他前端框架时，它们通常带有 create-react-app（适用于 React App）或 create-next-app（适用于 Next js 应用）之类的工具。这些工具在 Node JS 上运行以帮助您的开发过程。

就像在 create-react-app 中一样，它创建一个本地服务器并在 localhost:3000 上为您的 react 应用程序提供服务。它还使您能够在对项目中的文件进行更改时热重新加载您的应用程序以快速查看更改。

当您制作 React 应用的发布版本时。这不再需要 Node JS，但可以简单地从任何 Web 服务器提供服务。

TLDR：它有助于运行 create-react-app 等开发工具，以简化和高效的开发过程。

【讨论】：

【解决方案2】：

首先，Nodejs 不是一种编程语言。它是一个开源、跨平台的后端 JavaScript 运行时“环境”，运行在 V8 引擎上，并在 Web 浏览器之外执行 JavaScript 代码。

现在来回答你的问题，为什么我们使用 Nodejs 是前端库或框架，例如 Reactjs 或 Angular，因为 Node.js 提供可定制性、灵活性和大型包库，以帮助创建功能丰富的全栈应用程序.

但如果你不想在 Reactjs 中使用 Nodejs 环境，也可以这样：-

app.js

var reactElement = React.createElement('h1', { className: 'header' },
'This is React');
ReactDOM.render(reactElement, document.getElementById('react-application'));

index.html

    <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge, chrome=1" />
    <title>Snapterest</title>
 
     <script src=" /react-0.14.8.min.js"></script>
 <script src=" /react-dom-0.14.8.min.js"></script>


</head>
<body>
    <div id="react-application">
     dsf
    </div>
    <script src="./app.js"></script>
</body>
</html>

React js 是一个客户端库，如果你用纯 Js（没有 jsx 等）编写整个代码，你就不需要 node.js。但是对于代码管理来说，react 应用被分割或者构造成多个文件，需要node.js 模块或者lib 处理来编译、组合、打包，生成最终可以在浏览器上运行的客户端js 脚本。

【讨论】：