如果 nodejs 是服務器端腳本語言，那么它如何在 ReactJs 或任何其他前端語言中使用

Question

如果 Node 是服務器端腳本語言，那么它如何用於創建像npx create-react-app或npx create-nuxt-app這樣的前端應用程序？

Answer 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 之類的開發工具，以簡化和高效的開發過程。

Answer 2

首先，Nodejs 不是一種編程語言。 它是一個開源、跨平台、后端 JavaScript 運行時“環境”，在 V8 引擎上運行，並在 web 瀏覽器之外執行 JavaScript 代碼。

現在來回答你的問題，為什么我們使用 Nodejs 是前端庫或框架，例如 Reactjs 或 Angular，因為 Node.js 提供了可定制性、靈活性和大型包的庫來幫助創建功能豐富的全棧應用程序。

但是，如果您不想在 Reactjs 中使用 Nodejs 環境，也可以使用：-

應用程序.js

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

索引.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 處理來編譯、組合、package，並生成最終可以在瀏覽器上運行的客戶端 js 腳本。

如果 nodejs 是服務器端腳本語言，那么它如何在 ReactJs 或任何其他前端語言中使用

問題描述

2 個解決方案

解決方案1
1 2021-05-04 16:41:08

解決方案2
0 2021-07-25 05:24:47

如果 nodejs 是服務器端腳本語言，那么它如何在 ReactJs 或任何其他前端語言中使用

問題描述

2 個解決方案

解決方案1 1 2021-05-04 16:41:08

解決方案2 0 2021-07-25 05:24:47

解決方案1
1 2021-05-04 16:41:08

解決方案2
0 2021-07-25 05:24:47