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

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

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

nodejs和react框架最大的區(qū)別是：nodejs是一個(gè)基于Chrome JavaScript運(yùn)行時(shí)建立的一個(gè)平臺(tái)。而react是一個(gè)用于構(gòu)建用戶(hù)界面的JavaScript庫(kù)。

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

用React不一定用Node，因?yàn)閞eact只是一個(gè)JS庫(kù) 本身是一個(gè)JS源代碼的文件，你可以直接在HTML文件里面引入 然后直接用。之所以要用到node,是因?yàn)?通常來(lái)說(shuō)，你要用 React 來(lái)寫(xiě)前端，單單用 React 這個(gè)庫(kù)還不夠，還需要周邊的工具，而這些工具是在瀏覽器之外跑的，比如單元測(cè)試的庫(kù)啦，然后你就要用到 node。

Node.js：

Node.js 是一個(gè)基于Chrome JavaScript 運(yùn)行時(shí)建立的一個(gè)平臺(tái)。

Node.js是一個(gè)事件驅(qū)動(dòng)I/O服務(wù)端JavaScript環(huán)境，基于Google的V8引擎，V8引擎執(zhí)行Javascript的速度非?？欤阅芊浅：?。

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

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

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

nodejs的優(yōu)點(diǎn)：

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

2. 非堵塞I/O

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

4. 性能出眾

React：

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

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

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

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

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

React 特點(diǎn)

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

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

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

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

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

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

推薦學(xué)習(xí)：《nodejs視頻教程》