Reactアプリを作成し、React Ubuntu20.04で最初のアプリケーションを作成します

次の記事では、 Create ReactAppを使用してUbuntu20.04でReactJSを使用して最初のアプリケーションを作成する方法。 ReactJSは、ユーザーインターフェイスの作成に使用されるオープンソースのJavaScriptライブラリであり、Facebookと開発者コミュニティによって管理されています。 ReactJSは、Webアプリケーションまたはモバイルアプリケーションの開発に使用できます。

Reactでは、 ReactJSとも呼ばれます、データはDOMで処理されます。 Reactアプリケーションを実行するには、ルーティングと状態管理のための追加のライブラリが必要です。 これらのライブラリのいくつかの例は次のとおりです。 Reduxの y Reactルーター.

Ubuntu20.04へのReactのインストール

システムにReactをインストールするには、まずnpmとは何かを知り、なぜnpmが必要なのかを理解する必要があります。 NpmはNodePackageManagerの略です、そしてそれは世界最大のオープンソースソフトウェアレジストリです。 800.000を超えるコードパッケージが含まれています。 Npmは無料で使用でき、公開ソフトウェアは登録やログインなしでダウンロードして使用できます。

Npmは、JavaScriptアプリケーション用の依存関係管理ツールです。、JSアプリケーションの開発をサポートするためのすべてのライブラリとその他のツールのインストールに役立ちます。

npmをインストールします

へ npmを含むnodejsをインストールします、ターミナルを開いて（Ctrl + Alt + T）、次のコマンドを実行するだけです。

sudo apt install nodejs

npmのインストールが完了したら、次のことができます。 あなたのバージョンとノードのバージョンを確認してください。 これは次のコマンドで実行できます。

npm -v

インストールされるnpmのバージョンは、更新が頻繁に実行されるため、インストール日によって異なります。 5以降のバージョンがインストールされていることを確認する必要があります.

へ ノードのインストール済みバージョンを確認してください、使用するコマンドは次のようになります。

node -v

システムに最新バージョンのnpmがインストールされていない場合は、 Node Package Manager（npm）を最新バージョンに更新できます ターミナルでこのコマンドを実行する：

sudo npm install -g npm@latest

create-react-appをインストールします

生産的なReact環境をインストールするには、babel、webpackなどのツールを構成する必要があります。これはReactの世界の初心者向けに構成するのは複雑です。 しかし、構成に役立ついくつかのツールを見つけることができます。 それらの中で私たちは見つけるでしょう create-react-appは、使用および構成が最も簡単なツールです.

Create React Appは、Reactを学ぶのに快適な環境です、そしてそれはReactを使用して新しいシングルページアプリの構築を開始するための最良の方法です。

Reactアプリを作成して開発環境を構成します これにより、最新のJavascript機能を使用して、優れた開発エクスペリエンスを提供し、アプリケーションを本番用に最適化できます。 彼らのウェブサイトに示されているように、ノード> = 8.10およびnpm> = 5.6をマシンにインストールする必要があります。

できる npmを使用してcreate-react-appをインストールします。 これを行うには、ターミナル（Ctrl + Alt + T）で、次のインストールコマンドを実行するだけで済みます。

sudo npm install -g create-react-app

create-react-appアプリケーションのシステムへのインストールが完了すると、次のことが可能になります。 インストールされているバージョンを確認してください 次のコマンドを実行します。

create-react-app --version

最初のReactアプリケーションの作成

最初のReactアプリは、create-react-appを使用して簡単に作成できます。 次のコマンドを使用するだけで済みます。

create-react-app mi-primera-app

上記のコマンドは、と呼ばれるReactアプリケーションを作成します 私の最初のアプリ。 同時に 必要なすべてのファイル、設定、ライブラリを含む新しいフォルダがアプリケーションと同じ名前で作成されます.

Reactアプリの実行

Reactプロジェクトが作成されたら、 プロジェクトディレクトリに移動し、次のコマンドを使用してReactアプリケーションを実行する必要があります ターミナルで（Ctrl + Alt + T）：

npm start

コマンド npmスタート ビルドプロセス全体を実行する開発サーバーを起動します.

ターミナルは私たちがしなければならないことを教えてくれます ブラウザを開き、URL http：// localhost：3000で実行されるアプリケーションをデフォルトでロードします。。 ブラウザが開くと、Reactのロゴとテキストが画面に表示されます。

create-react-appとnpmをアンインストールします

ユーザー npmuninstallコマンドを使用してnpmからインストールされたライブラリをアンインストールできます。 ターミナルで次のコマンド（Ctrl + Alt + T）を実行してアンインストールします 作成-反応-アプリ:

sudo npm uninstall -g create-react-app

同様に、 npmをアンインストールします 同じ端末でこの他のコマンドを使用する：

sudo apt remove nodejs

ユーザーインターフェイスを作成するためのこのJavaScriptライブラリの詳細については、 プロジェクトのドキュメント.