Reactは、高速でインタラクティブなユーザーインターフェースを作成するために使用されるJavascriptライブラリです。 Reactは2011年にFacebookによって開発され、ウェブアプリやモバイルアプリを開発するための最も人気のあるJavascriptライブラリに成長しました。
前提条件
Reactをインストールする前に、まずいくつかのことが必要です。
- Ubuntu20.04または18.04を実行しているサーバー。
- 約10分と一杯のコーヒーまたは熱いお茶。その日の気分に応じて、バニラチャイに全乳またはアーモンドを少し加えたものが好きです。
ステップ1—NPMをインストールする
まず、NPM(モードパッケージマネージャー)をインストールする必要があります。これは、何千ものNode.jsパッケージを格納するコマンドラインツールおよびレジストリです。
npmをインストールします:
$ sudo apt install npm
バム!それは簡単でした。 Npmがインストールされ、次を使用してバージョンを確認できるようになりました:
$ npm --version
$ node --version
←npmをインストールすると、Node.jsもインストールされます。これにより、バージョンが確認されます。
ステップ2—create-react-appをインストールします
次に、Reactアプリケーションの作成に必要なツールを提供するcreate-react-appユーティリティをインストールする必要があります。
$ sudo npm -g install create-react-app
バージョンを確認します:
$ create-react-app --version
ステップ3—Reactアプリケーションを作成して起動します
さあ、楽しいものに!最初のReactアプリを作成しましょう。プロセスは非常に単純で、アプリケーションを数分で稼働させることができます。
Reactアプリケーション入力を作成するには:
$ create-react-app [app-name]
←「[app-name]」を好きなものに置き換えます。さあ、夢中になる。
システムは、必要なすべてのパッケージとツールのインストールを開始します。これには数分かかります。
アプリケーションが作成されると、アプリケーションを管理するためのコマンドのリストが表示されます。
これらのコマンドは、後で保存するために、いつでもデスクトップのテキストファイルにコピーして貼り付けることができます。デスクトップにはランダムなLinuxノートが散らばっています!
ステップ3—新しいアプリケーションを実行します
最後のステップで新しいアプリを作成しました。次に、アプリケーションを実行する必要があります。これを行うには、最初にアプリケーションディレクトリに移動します:
$ cd [app-name]
←再び「[app-name]」を選択した名前に置き換えます。
次のコマンドを発行します:
$ npm start
アプリケーションを表示するためのIPとポート番号を示す出力が表示されます。
選択したWebブラウザ(できればMicrosoft Edgeではない)を開き、次の場所に移動します:
http://ip-address:3000
Reactインストールに移動すると、Reactのデフォルトページが表示されます。おめでとう! Reactをインストールしたばかりで、心の欲望に合わせて開発できるようになりました。