Ubuntu20.04にReactをインストールする方法

この記事では、Ubuntu20.04にReactをインストールする方法について説明します。

Reactは、ユーザーインターフェイスまたはUIコンポーネントを構築するためのオープンソースのフロントエンドJavaScriptライブラリです。Facebookと個々の開発者や企業のコミュニティによって維持されています。

この記事では、Reactサイトのインストールプロセスとデプロイについて説明します。

前提条件

• Ubuntu20.04にインストールされた専用サーバーまたはKVMVPS。
• rootユーザーまたはsudo管理者権限を持つ通常のユーザー。

Ubuntu20.04にReactをインストールします

ステップ1-サーバーを最新の状態に保つ

# apt update -y && apt upgrade -y

ステップ2-NodeJSとNPMをインストールする

NodeJSの最新の安定したリリースをインストールします。

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

インストールが成功したことを確認します。

# node -v && npm -v

出力：

v15.9.0
7.5.4

ステップ3-createreactアプリをインストールします

この記事では、create-react-appツールを使用します。これは、製品グレードの構成が事前に構築された、最も簡単で最高のツールです。これは、Reactを学習するための快適な環境であり、Reactで新しいシングルページアプリケーションの構築を開始するための最良の方法です。

# npm install -g create-react-app

インストールを確認します。

# create-react-app --version

出力：

4.0.2

ステップ4-Reactアプリケーションをデプロイする

次のコマンドを使用して、reactアプリケーションを作成します。

# npx create-react-app my-app

開発サーバーを起動します

Reactアプリケーションをインストールしたら、プロジェクトのルートディレクトリに移動し、次のコマンドを使用して開発サーバーを起動します。

# cd my-app

# npm start

これで、ブラウザでmy-appを表示できます。

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

建てる

アプリを本番用の静的ファイルにバンドルします。次のコマンドを実行します。

# npm run build

それでおしまい。インストールは正常に完了しました。

この記事では、Ubuntu20.04にReactをインストールする方法を見てきました。