ウェブサイト検索

Ubuntu に ReactJS をインストールする方法


2011 年にFacebook によって開発された React (ReactJS とも呼ばれます) は、高速でインタラクティブなユーザー インターフェイスを作成するために使用される Javascript ライブラリです。この記事の執筆時点では、これはユーザー インターフェイスを開発するための最も人気のある Javascript ライブラリです。 React は、機能と人気の点で、 対応する AngularVue JS に勝ります。

その人気の理由はその柔軟性とシンプルさであり、モバイル アプリや Web アプリケーションの開発における最初の選択肢となっています。 FacebookNetflixInstagramなどの大手テクノロジー企業を含む 90,000 以上のサイトが React を使用しています。 >、AirbnbTwitterなどをいくつか挙げてみましょう。

この記事では、Ubuntu 20.04 および Ubuntu 18.04ReactJS をインストールする方法を説明します。

ステップ 1: Ubuntu に NPM をインストールする

React JS のインストールを開始するには、npm (ノード パッケージ マネージャーの略) をインストールします。これには 2 つのことが必要です。まず、これは Javascript パッケージと対話するために使用されるコマンドライン ツールであり、ユーザーはこれを使用して Javascript ツールとライブラリをインストール、更新、管理できます。

次に、npm は、800,000 を超える Node.JS パッケージをホストするオンラインのオープンソース ソフトウェア レジストリです。 Npm は無料で、公開されているソフトウェア アプリケーションを簡単にダウンロードできます。

Ubuntu Linuxnpm をインストールするには、sudo ユーザーとしてサーバーにログインし、以下のコマンドを実行します。

sudo apt install npm

インストールが完了したら、次のコマンドを使用して、インストールされている npm のバージョンを確認できます。

npm --version

6.14.4  [Output]

出力にキャプチャされているように、これを書いている時点の最新バージョンはv6.14.4 です。

npm をインストールすると node.js もインストールされ、次のコマンドを使用してインストールされている node のバージョンを確認できます。

node --version

v10.16.0  [Output]

ステップ 2: create-react-app ユーティリティのインストール

create-react-app は、React アプリケーションの作成に必要なすべてのツールをセットアップできるユーティリティです。すべてを最初から設定する時間とエネルギーを大幅に節約し、必要なスタートを切ることができます。

ツールをインストールするには、次のnpm コマンドを実行します。

sudo npm -g install create-react-app

インストールしたら、次のコマンドを実行して、インストールされている のバージョンを確認できます。

create-react-app --version

4.0.1  [Output]

ステップ 3: 最初の React アプリケーションを作成して起動する

React アプリケーションの作成は非常にシンプルで簡単です。次のように、tecmint-app という React アプリを作成します。

create-react-app tecmint-app

アプリケーションに必要なすべてのパッケージ、ライブラリ、ツールをインストールするには、約 5 分かかります。ある程度の忍耐力が役に立つでしょう。

アプリケーションの作成が成功すると、アプリケーションの管理を開始するために実行できる基本的なコマンドを示す以下の通知が表示されます。

アプリケーションを実行するには、アプリ ディレクトリに移動します。

cd tecmint-app

次に、次のコマンドを実行します。

npm start

最終的には、ブラウザ上でアプリケーションにアクセスする方法を示す以下の出力が得られます。

ブラウザを起動してサーバーの IP アドレスを参照します

http://server-ip:3000

これは、 デフォルトのReact アプリが起動して実行中であることを示しています。このガイドでは、React JS を正常にインストールし、React でアプリケーションを作成しました。