創建React App，使用React Ubuntu 20.04創建您的第一個應用程序

在下一篇文章中，我們將看一看 我們如何使用Create React App在Ubuntu 20.04上使用ReactJS創建我們的第一個應用程序。 ReactJS是一個開放源代碼的JavaScript庫，用於創建用戶界面，由Facebook和開發人員社區維護。 ReactJS可用於Web應用程序或移動應用程序的開發。

在React中， 也稱為ReactJS，數據在DOM中處理。 運行React應用程序需要其他用於路由和狀態管理的庫。 這些庫的一些示例是 終極版 y 反應路由器.

在Ubuntu 20.04上安裝React

要在我們的系統上安裝React，我們首先必須知道npm是什麼，並了解為什麼需要它們。 Npm代表節點包管理器，它是世界上最大的開源軟件註冊中心。 包含超過800.000個代碼包。 Npm是免費使用的，無需註冊或登錄即可下載和使用任何公共軟件。

Npm是用於javascript應用程序的依賴項管理工具，這有助於安裝所有庫和其他工具以支持JS應用程序的開發。

安裝npm

至 安裝nodejs，其中包括npm，我們只需要打開一個終端（Ctrl + Alt + T）並執行以下命令：

sudo apt install nodejs

完成npm安裝後，我們可以 檢查您的版本和節點的版本。 我們可以使用以下命令執行此操作：

npm -v

由於經常執行更新，因此安裝的npm版本取決於安裝日期。 我們必須確保安裝的版本高於5.

至 檢查節點的安裝版本，使用的命令將是：

node -v

如果您的系統上沒有安裝最新版本的npm， 您可以將Node Package Manager（npm）更新到最新版本 在終端中運行以下命令：

sudo npm install -g npm@latest

安裝create-react-app

要安裝一個高效的React環境，我們需要配置babel，webpack等工具，這些工具對於React世界的初學者來說配置起來很複雜。 但是，我們可以找到一些工具來幫助我們進行配置。 其中我們會發現 create-react-app，這是最易於使用和配置的工具.

Create React App是學習React的舒適環境，這是使用React開始構建新的單頁應用程序的最佳方法。

創建React App配置您的開發環境 這樣您就可以使用最新的Javascript功能，提供良好的開發體驗，並優化您的應用程序以進行生產。 如其網站上所示，必須在計算機上安裝Node> = 8.10和npm> = 5.6。

我們可以 使用npm安裝create-react-app。 為此，在終端（Ctrl + Alt + T）中，我們只需要執行以下安裝命令：

sudo npm install -g create-react-app

在我們的系統中完成create-react-app應用程序的安裝後，我們可以 檢查安裝的版本 運行以下命令：

create-react-app --version

創建第一個React應用程序

我們的第一個React應用程序可以使用create-react-app輕鬆創建。 我們只需要使用以下命令：

create-react-app mi-primera-app

上面的命令將創建一個名為React的應用程序 我的第一個應用。 同時 將創建一個與應用程序同名的新文件夾，其中包含所有必要的文件，設置和庫.

運行React應用

一旦創建了React項目， 我們將不得不移至項目目錄並使用以下命令運行React應用程序 在終端中（Ctrl + Alt + T）：

npm start

命令 npm開始 啟動將執行整個構建過程的開發服務器.

終端將告訴我們，我們必須 打開瀏覽器並加載默認情況下將在URL http：// localhost：3000上運行的應用程序。 當瀏覽器打開時，我們將在屏幕上看到React徽標和文本。

卸載create-react-app和npm

用戶 我們可以使用npm uninstall命令卸載從npm安裝的任何庫。 在終端（Ctrl + Alt + T）中運行以下命令進行卸載 創建反應應用:

sudo npm uninstall -g create-react-app

同樣，我們可以 卸載npm 在同一終端中使用此其他命令：

sudo apt remove nodejs

有關用於創建用戶界面的JavaScript庫的更多信息，請參見 項目文件.