1. 程式人生 > >React是什麼;在Node.js環境下如何安裝?

React是什麼;在Node.js環境下如何安裝?

React 是一個用於構建使用者介面的 JAVASCRIPT 庫。
React主要用於構建UI,很多人認為 React 是 MVC 中的 V(檢視)。

React 起源於 Facebook 的內部專案,用來架設 Instagram 的網站,並於 2013 年 5 月開源。
React 擁有較高的效能,程式碼邏輯非常簡單,越來越多的人已開始關注和使用它。

特點

1.宣告式設計 −React採用聲明範式,可以輕鬆描述應用。
2.高效 −React通過對DOM的模擬,最大限度地減少與DOM的互動。
3.靈活 −React可以與已知的庫或框架很好地配合。
4.JSX − JSX 是 JavaScript 語法的擴充套件。React 開發不一定使用 JSX ,但我們建議使用它。
5.元件 − 通過 React 構建元件,使得程式碼更加容易得到複用,能夠很好的應用在大專案的開發中。
6.單向響應的資料流 − React 實現了單向響應的資料流,從而減少了重複程式碼,這也是它為什麼比傳統資料繫結更簡單。

在Node.js環境下如何安裝?

1.建立一個資料夾,要在Node的根目錄下,我這裡是reactApp,裡面的主要檔案有,如圖

1
裡面那個Html是我自己建立的專案,不是必要檔案;
2.在Nodejs控制檯中,跳到reactApp檔案下,就是第一步命名的檔名下,輸入命令:npm install -g webpack
2
3.成功後輸入第二條命令:npm install -g webpack-dev-server
3
4.最後一條命令:npm run dev
4

當出現一堆綠色的【built】,就說明成功了;然後就在built檔案下的index.html和根目錄下的main.js進行編譯;通過瀏覽器訪問localhost:8080來訪問。