Skip to content

Instantly share code, notes, and snippets.

@ginpei
Last active September 11, 2019 00:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ginpei/f9e520c1665043b05ae33a5cab358839 to your computer and use it in GitHub Desktop.
Save ginpei/f9e520c1665043b05ae33a5cab358839 to your computer and use it in GitHub Desktop.

React アプリをもっとさくさく作って公開するワークフローを整えるハンズオン

React と Firebase を組み合わせるとアプリをさくさく作れるのでおすすめです。その構成を念頭に、もっとさくさく作るために CI で作業を自動化していく話をします。

今回は React 本体のことも Firebase 本体のこともやりません。その分、React 以外のプロジェクトにも転用できる、潰しが利く知識です。

やること

  • ESLint でコード整備
  • Jest で試験
  • git push からの自動試験 (Travis CI)
  • https://*.web.app で公開 (Firebase Hosting)
  • git push からの自動デプロイ (Travis CI)

やらないこと

  • React の使い方
  • TypeScript の書き方
  • 試験の書き方、心得
  • Firebase の Hosting 以外のやり方

必要なもの、前提

  • GitHub アカウント
  • Google Firebase アカウント
  • React の基本的な知識(詳しくなくても大丈夫)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment