Ubuntu に ReactJS をインストールする方法
2011 年にFacebook によって開発された React (ReactJS とも呼ばれます) は、高速でインタラクティブなユーザー インターフェイスを作成するために使用される Javascript ライブラリです。この記事の執筆時点では、これはユーザー インターフェイスを開発するための最も人気のある Javascript ライブラリです。 React は、機能と人気の点で、 対応する Angular や Vue JS に勝ります。
その人気の理由はその柔軟性とシンプルさであり、モバイル アプリや Web アプリケーションの開発における最初の選択肢となっています。 Facebook、Netflix、Instagramなどの大手テクノロジー企業を含む 90,000 以上のサイトが React を使用しています。 >、Airbnb、Twitterなどをいくつか挙げてみましょう。
この記事では、Ubuntu 20.04 および Ubuntu 18.04 に ReactJS をインストールする方法を説明します。
ステップ 1: Ubuntu に NPM をインストールする
React JS のインストールを開始するには、npm (ノード パッケージ マネージャーの略) をインストールします。これには 2 つのことが必要です。まず、これは Javascript パッケージと対話するために使用されるコマンドライン ツールであり、ユーザーはこれを使用して Javascript ツールとライブラリをインストール、更新、管理できます。
次に、npm は、800,000 を超える Node.JS パッケージをホストするオンラインのオープンソース ソフトウェア レジストリです。 Npm は無料で、公開されているソフトウェア アプリケーションを簡単にダウンロードできます。
Ubuntu Linux に npm をインストールするには、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 でアプリケーションを作成しました。