React 最初のアプリケーションの インストールと作成

最初のアプリケーションの作成を開始するには React 、次の手順に従います。

 

1.Node.jsをインストールする

まず、コンピューターに Node.js がインストールされていることを確認します。 Node.js Web サイト(https://nodejs.org )から最新バージョンをダウンロードしてインストールできます 。

 

2. React アプリケーションを作成する

ターミナルまたはコマンド プロンプトを開き、アプリケーションを作成するディレクトリに移動します React。 次に、次のコマンドを実行して新しい React アプリケーションを作成します。

npx create-react-app my-app

my-app  アプリケーション ディレクトリの目的の名前に 置き換えます。 好きな名前を選択できます。

 

3. React アプリケーションを実行する

アプリケーションの作成プロセスが完了したら、次のコマンドを実行してアプリケーション ディレクトリに移動します。

cd my-app

 次に、次のコマンドを実行してアプリケーションを起動できます。

npm start

 これにより、開発サーバーが起動し、 React ブラウザでアプリケーションが開きます。 http://localhost:3000 React で実行されている Web ページ を表示できます 。

 

4. アプリケーションを変更する

これで基本的な React アプリケーションが完成したので、ディレクトリ内のソース コードを変更して src  カスタム インターフェイスとロジックを作成できます。 変更を保存すると、ブラウザによってアプリケーションが自動的に再ロードされ、結果がすぐに表示されます。

 

これが、最初のアプリケーションをインストールして作成するプロセスです React。 これで、アプリケーション開発の世界を探索し React 、必要に応じてアプリケーションをカスタマイズする準備が整いました。