Getting Started With Create React App Iq5

🚀 Create React App を使用したクイックスタート

このプロジェクトは Create React App を使用して作成されています。

🚀 クイックスタート

利用可能なスクリプト

プロジェクトディレクトリでは、以下のコマンドを実行できます。

npm start

開発モードでアプリケーションを実行します。
http://localhost:3000 を開いて、ブラウザで確認できます。

コードを変更すると、ページは自動的に再読み込みされます。
また、コンソールには lint エラーが表示されます。

npm test

インタラクティブなテストランナーを起動します。
詳細については、テストの実行のセクションを参照してください。

npm run build

アプリケーションを本番環境用に build フォルダにビルドします。
これにより、React は本番モードで正しくビルドされ、最適なパフォーマンスを得るためにビルドが最適化されます。

ビルド結果は圧縮され、ファイル名にはハッシュ値が含まれます。
アプリケーションはデプロイ可能な状態になります！

詳細については、デプロイのセクションを参照してください。

npm run eject

⚠️ 重要提示

この操作は一度限りです。eject を実行すると、元に戻すことはできません！

ビルドツールや設定の選択に不満がある場合は、いつでも eject を使用できます。このコマンドを実行すると、プロジェクトから唯一のビルド依存関係が削除されます。

代わりに、すべての設定ファイルと依存関係（webpack、Babel、ESLint など）がプロジェクトに直接コピーされ、完全にコントロールできるようになります。eject 以外のすべてのコマンドは引き続き有効ですが、コピーされたスクリプトを参照するため、必要に応じて調整できます。この時点から、あなたが主導権を握ることになります。

eject を使用する必要はありません。最適化された機能セットは、小規模および中規模のデプロイに適しており、この機能を使用する必要があると感じる必要はありません。ただし、カスタマイズオプションがなければ、このツールは役に立たないことも理解しています。

📚 ドキュメント

追加学習資料

Create React App ドキュメントで詳細を学ぶことができます。

React を学ぶには、React ドキュメントを参照してください。

コード分割

詳細はこちらに移動しました：https://facebook.github.io/create-react-app/docs/code-splitting

ビルドサイズの分析

詳細はこちらに移動しました：https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

プログレッシブ Web アプリの作成

詳細はこちらに移動しました：https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

高度な設定

詳細はこちらに移動しました：https://facebook.github.io/create-react-app/docs/advanced-configuration

デプロイ

詳細はこちらに移動しました：https://facebook.github.io/create-react-app/docs/deployment

npm run build での最小化失敗

詳細はこちらに移動しました：https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify