このチュートリアルでは、Debian 11にReactJSをインストールする方法を紹介します。知らない人のために、ReactはオープンソースのJavaScriptライブラリであり、フロントエンドWebアプリケーションの開発に使用されます。 これにより、単一ページのユーザーインターフェイス用に再利用可能なコンポーネントを作成できます。 それはによって開発され、維持されています Facebook そして開発者の大規模なコミュニティ。 ReactJSは、Webアプリケーションまたはモバイルアプリの開発に使用できます。
この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、自分のVPSでサイトをホストしていることを前提としています。 インストールは非常に簡単で、rootアカウントで実行していることを前提としています。そうでない場合は、 ‘を追加する必要があります。sudo‘root権限を取得するコマンドに。 Debian 11（Bullseye）にReactJSを段階的にインストールする方法を紹介します。
Debian 11BullseyeにReactJSをインストールする
ステップ1.ソフトウェアをインストールする前に、次のコマンドを実行して、システムが最新であることを確認することが重要です。 apt ターミナルのコマンド：
sudo aptアップデート
sudo aptアップグレード
sudo apt installbuild-essential
ステップ2.Node.jsをインストールします。
Node.jsを使用すると、サーバー側およびブラウザーの外部でJavaScriptを実行できます。 次に、Debian11に公式のNode.jsリポジトリを手動で追加します。
curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash –
リポジトリが正常に追加されると、次のコマンドを使用してNode.jsをインストールできるようになります。
sudo apt install nodejs
最後に、次のコマンドを使用してNode.jsのバージョンを確認します。
node -v
npmのバージョンを確認してください：
npm -v
ステップ3.Debian11にReact.jsをインストールします。
ノードとnpmをインストールした後、アプリを作成するには、アプリの実行に必要な依存関係をダウンロードするために次のコマンドが必要です。
npm install -g create-react-app
次に、以下のコマンドを使用してReactアプリを作成します。
create-react-app reactapp
出力：
成功！ / root / reactappにreactappを作成しました。そのディレクトリ内で、いくつかのコマンドを実行できます。npmstart開発サーバーを起動します。 npm runbuildアプリを本番用の静的ファイルにバンドルします。 npmtestテストランナーを開始します。 npm runイジェクトこのツールを削除し、ビルドの依存関係、構成ファイル、およびスクリプトをアプリディレクトリにコピーします。 これを行うと、戻ることはできません！ 次のように入力することをお勧めします：cd reactapp npm start
次に、ディレクトリをアプリに変更します。 注意：reactappは、作成するアプリの名前です。
cd reactapp npm start 0.0.0.0
出力：
>> [email protected] start> react-scripts start “0.0.0.0”正常にコンパイルされました！ これで、ブラウザでreactappを表示できます。 http：// localhost：3000開発ビルドは最適化されていないことに注意してください。 本番ビルドを作成するには、npm runbuildを使用します。
ステップ4.ReactJSWebインターフェースへのアクセス。
正常にインストールされたら、Webブラウザーを開き、URLを使用してReactアプリケーションをテストします https://your-server-ip-address:3000。 Reactのデフォルトページが表示されます。
おめでとう！ これでReactJSが正常にインストールされました。 このチュートリアルを使用して、Debian 11Bullseyeに最新バージョンのReactJSをインストールしていただきありがとうございます。 追加のヘルプまたは有用な情報については、チェックすることをお勧めします ReactJSの公式ウェブサイト。
