レスポンスアプリケーションの作成


n/a.ターゲット

  • create-act-appを使用して反応アプリケーションを生成します.
  • 1.反応アプリケーションの作成


    1-1. create-react-app

  • 反応フレームワークを使用する方法は、CDNをscriptタグに入れることである.CDN(React)で確認できます.
  • とCDNに加えて、reactアプリケーションを作成する方法もあります.
  • Reactアプリケーションは、開発環境を設定し、最新のJavaScriptを使用して、本番アプリケーションを最適化できます.
  • 🤔 疑問。


  • では、どうやって反応ソフトを作るのでしょうか.
  • 次のコマンドを使用して、反応アプリケーションを作成できます.
    npx create-react-app my-app
    cd my-app
    npm start

    💡 に注意


  • コマンドを使用する前に、Node 14.0.0以降、npm 5.6以降が必要です.

  • 実際には、上記のコマンドを見るとnpmとnpxが表示されます.

  • npmはnode package managerの略でnodeです.jsで使用するモジュールのプログラムをダウンロード、インストール、管理します.

  • また、npxはnode package executeの略で、npmの欠点を補うツールです.ローカルエンクロージャがない場合、最新バージョンのファイルのみが一時的にロードおよび実行されるたびに、そのファイルは再びモジュールを紛失して使用されます.
  • node.jsおよびnpmは、反応式ドキュメントからダウンロードすることができる.通常、LTS(Long Term Support)バージョンをダウンロードします.
  • ノードがインストールされているかどうかを確認するには、端末にnode-vを入力して確認します.
  • ノードバージョンを確認すれば、反応アプリケーションを再インストールできます.次のコマンド
  • を実行します.
    npx create-react-app my-app
  • 位のように最後にhappy hacking!表示されたら、インストールされています.
  • エディタ(Node.jsホームページなど)でこのフォルダを開くと、多くのものが生成されていることがわかります.
  • では、次のコマンドを実行して反応アプリケーションを実行します.
  • npm start
  • が正常に動作している場合は、ローカル・サーバが動作し(localhost:3000)、次の画面が表示されます.

  • ソース

  • VS Code
  • Create-react-app(React)