0.0.3 • Published 3 years ago

@kazuma1989/cra-template-firebook v0.0.3

Weekly downloads
-
License
GPL-3.0-or-later
Repository
-
Last release
3 years ago

Firebook

npx create-react-app my-app --template @kazuma1989/firebook

これは何

Firebook という架空の SNS サイトを実装しながら学習するためのスターターテンプレートです。

次のパッケージをあらかじめセットアップしてあります。

  • Emotion
  • React (+ React Router)
  • ESLint (via react-scripts)
  • Jest (via react-scripts)
  • Prettier
  • TypeScript

IDE は Visual Studio Code が推奨です。必要な拡張機能をすぐインストールできるようにしてあります。

利用可能なスクリプト

[BROWSER=none] npm start

アプリを開発モードで起動します。ブラウザーが起動して http://localhost:3000 が表示されます。 ブラウザーを起動したくないときは環境変数 BROWSERnone に設定してください。

ソースコードを編集するとページがリロードします。 TypeScript による型検査のエラーはコンソールに表示されます。

npm run build

アプリを静的資材として build/ ディレクトリにコピーします。 そのディレクトリをデプロイすれば OK です!

npm test

初期状態ではテストがないので、何も起きません。

npm run format

ソースコードを整形します。

npm run lint

ソースコードを静的検査します。

UI を実装済みのソースコードまで進めるには

UI の実装をスキップして学習を進めたいときは、次のコマンドを実行してください。 ローカルの編集内容を上書きするので注意してください。

npx @kazuma1989/firebook update
npm install