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 が表示されます。
ブラウザーを起動したくないときは環境変数 BROWSER を none に設定してください。
ソースコードを編集するとページがリロードします。 TypeScript による型検査のエラーはコンソールに表示されます。
npm run build
アプリを静的資材として build/ ディレクトリにコピーします。
そのディレクトリをデプロイすれば OK です！
npm test
初期状態ではテストがないので、何も起きません。
npm run format
ソースコードを整形します。
npm run lint
ソースコードを静的検査します。
UI を実装済みのソースコードまで進めるには
UI の実装をスキップして学習を進めたいときは、次のコマンドを実行してください。 ローカルの編集内容を上書きするので注意してください。
npx @kazuma1989/firebook update
npm install