node和react的區(qū)別是：nodejs是一個基于Chrome JavaScript運行時建立的一個平臺，可用于方便地搭建響應(yīng)速度快、易于擴展的網(wǎng)絡(luò)應(yīng)用；而react是一個用于構(gòu)建用戶界面的JavaScript庫，主要用于構(gòu)建UI。

本教程操作環(huán)境：windows10系統(tǒng)、react17.0.1&&nodejs 12.19.0版本、Dell G3電腦。

node和react有什么區(qū)別

nodejs和react框架最大的區(qū)別是：nodejs是一個基于Chrome JavaScript運行時建立的一個平臺。而react是一個用于構(gòu)建用戶界面的JavaScript庫。

看得出來兩者根本就不是一個level的東西。node.js能讓你在瀏覽器之外跑JS的東西，相當于一個JS解釋器（相當于JVM）。React則是一個JS庫，里面有很多函數(shù)可以給你用，就不用自己去寫了，但是前提你要直到這些函數(shù)，而且還要知道他們的正確用法。

用React不一定用Node，因為react只是一個JS庫 本身是一個JS源代碼的文件，你可以直接在HTML文件里面引入 然后直接用。之所以要用到node,是因為 通常來說，你要用 React 來寫前端，單單用 React 這個庫還不夠，還需要周邊的工具，而這些工具是在瀏覽器之外跑的，比如單元測試的庫啦，然后你就要用到 node。

Node.js：

Node.js 是一個基于Chrome JavaScript 運行時建立的一個平臺。

Node.js是一個事件驅(qū)動I/O服務(wù)端JavaScript環(huán)境，基于Google的V8引擎，V8引擎執(zhí)行Javascript的速度非?？?，性能非常好。

node.js可用于方便地搭建響應(yīng)速度快、易于擴展的網(wǎng)絡(luò)應(yīng)用。Node使用事件驅(qū)動， 非阻塞I/O模型而得以輕量和高效，非常適合在分布式設(shè)備上運行數(shù)據(jù)密集型的實時應(yīng)用。

NodeJS在服務(wù)端十分活躍，出現(xiàn)了大批基于NodeJS的Web服務(wù)。而另一方面，NodeJS讓前端眾如獲神器，終于可以讓自己的能力覆蓋范圍跳出瀏覽器窗口，更大批的前端工具如雨后春筍。

因此，對于前端而言，雖然不是人人都要拿NodeJS寫一個服務(wù)器程序，但簡單可至使用命令交互模式調(diào)試JS代碼片段，復雜可至編寫工具提升工作效率

nodejs的優(yōu)點：

1. 異步事件驅(qū)動

2. 非堵塞I/O

3. 單線程（這里指主線程）

4. 性能出眾

React：

React 是一個用于構(gòu)建用戶界面的 JAVASCRIPT 庫。

React主要用于構(gòu)建UI，很多人認為 React 是 MVC 中的 V（視圖）。

React 起源于 Facebook 的內(nèi)部項目，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源。

React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關(guān)注和使用它。

React是一個JavaScript框架，用于構(gòu)建“可預期的”和“聲明式的”Web用戶界面，它已經(jīng)使Facebook更快地開發(fā)Web應(yīng)用。

React 特點

1.聲明式設(shè)計 ?React采用聲明范式，可以輕松描述應(yīng)用。

2.高效 ?React通過對DOM的模擬，最大限度地減少與DOM的交互。

3.靈活 ?React可以與已知的庫或框架很好地配合。

4.JSX ? JSX 是 JavaScript 語法的擴展。React 開發(fā)不一定使用 JSX ，但我們建議使用它。

5.組件 ? 通過 React 構(gòu)建組件，使得代碼更加容易得到復用，能夠很好的應(yīng)用在大項目的開發(fā)中。

6.單向響應(yīng)的數(shù)據(jù)流 ? React 實現(xiàn)了單向響應(yīng)的數(shù)據(jù)流，從而減少了重復代碼，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡單。

推薦學習：《nodejs視頻教程》