Facebookによって開発されました 2011年、反応 （ ReactJSとも呼ばれます ）は、高速でインタラクティブなユーザーインターフェイスを作成するために使用されるJavascriptライブラリです。これを書いている時点では、ユーザーインターフェイスを開発するための最も人気のあるJavascriptライブラリです。 Reactは対応するものを切り捨てます–角度 およびVueJS 機能性と人気の点で。
その人気はその柔軟性とシンプルさに由来しており、これがモバイルアプリとWebアプリケーションの開発における最初の選択肢となっています。 90,000以上 サイトはReactを使用します Facebookなどのハイテク巨人を含む 、 Netflix 、 Instagram 、 Airbnb 、および Twitter いくつか挙げてください。
この記事では、 ReactJSをインストールする方法を学びます Ubuntu 20.04 およびUbuntu18.04 。
ステップ1：UbuntuにNPMをインストールする
React JSのインストールを開始します npmをインストールする –ノードパッケージマネージャーの略で、2つのことです。まず、これはJavascriptパッケージとの対話に使用されるコマンドラインツールであり、ユーザーがJavascriptツールとライブラリをインストール、更新、および管理できるようにします。
次に、 npm は、 800,000 Node.JSをホストするオンラインオープンソースソフトウェアレジストリです。 パッケージ。 Npm は無料で、公開されているソフトウェアアプリケーションを簡単にダウンロードできます。
npmをインストールするには Ubuntu Linux 、 sudoとしてサーバーにログインします ユーザーを使用して、以下のコマンドを呼び出します。
$ sudo apt install npm
インストールが完了すると、 npmのバージョンを確認できます コマンドを使用してインストール：
$ npm --version 6.14.4 [Output]
これを書いている時点での最新バージョンはv6.14.4です 出力にキャプチャされたとおり。
npmのインストール node.jsもインストールします ノードのバージョンを確認できます コマンドを使用してインストール：
$ 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でアプリケーションを作成しました 。