Giter VIP home page Giter VIP logo

starter-create-react-app's Introduction

starter-create-react-app

開発モードでアプリを実行

開発モードでアプリを実行します。
http://localhost:3000 を開くと、ブラウザで表示されます。

変更するとページが再読み込みされます。
また、コンソールに lint エラーが表示される場合があります。

npm start

テストランナーを対話型ウォッチモードで起動

テストランナーを対話型ウォッチモードで起動します。
詳しくは、テストの実行の項を参照してください。

npm test

本番用アプリをビルド

npm run build

本番用アプリを build フォルダにビルドします。

詳細は、deploymentのセクションを参照してください。

Storybook

storybook を起動します。

npm run storybook

npm run eject

npm run eject

注意:これは一方的な操作です。一度 eject したら、もう戻れません!

もし、ビルドツールや設定の選択に満足できない場合は、いつでも eject することができます。このコマンドを実行すると、ビルドの依存関係が 1 つだけプロジェクトから取り除かれます。

その代わり、すべての設定ファイルと依存関係(webpack, Babel, ESLint など)をプロジェクトにコピーするので、それらを完全に制御することができます。eject` 以外のコマンドはまだ動作しますが、コピーされたスクリプトを指すので、それらを調整することができます。この時点で、あなたは自分自身で行動することになります。

eject` を使う必要はありません。キュレーションされた機能セットは小規模から中規模のデプロイメントに適しており、この機能を使うことを義務に感じるべきではありません。しかし、もしあなたがその気になったときにカスタマイズできないのであれば、このツールは有用ではないことを私たちは理解しています。

参考資料

Learn More

Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started)で詳しく解説しています。

React を学ぶには、React documentationを参照してください。

コードの分割

このセクションはこちらに移動しました。https://facebook.github.io/create-react-app/docs/code-splitting

バンドルサイズの解析

このセクションはこちらに移動しました。https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

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

このセクションはこちらに移動しました。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

starter-create-react-app's People

Contributors

warugaki-web-developer avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.